You can edit almost every page by Creating an account. Otherwise, see the FAQ.

GWT Highcharts

From EverybodyWiki Bios & Wiki

GWT Highcharts
Stable release
1.7.0 / June 18, 2015 (2015-06-18)
Repositoryhttps://github.com/ascendtech/gwt-highcharts
Written inJava
Engine
    Operating systemCross-platform
    LicenseApache License 2.0
    Websitewww.moxiegroup.com/moxieapps/gwt-highcharts/

    Search GWT Highcharts on Amazon.GWT Highcharts is a library which provides an approach for including Highcharts and Highstock visualisations within a GWT application using pure Java code.[1][2]

    Example[edit]

    Sample code may look like as follows:

    import com.google.gwt.i18n.client.*;  
    import com.google.gwt.core.client.EntryPoint;  
    import com.google.gwt.user.client.ui.RootPanel;  
    import org.moxieapps.gwt.highcharts.client.*;  
    import org.moxieapps.gwt.highcharts.client.labels.*;  
    import org.moxieapps.gwt.highcharts.client.plotOptions.*;  
      
    public class MultipleAxesExample implements EntryPoint {  
      
        public void onModuleLoad() {  
            RootPanel.get().add(createChart());  
        }  
      
        public Chart createChart() {  
      
            final Chart chart = new Chart()  
                .setChartTitleText("Average Monthly Weather Data for Tokyo")  
                .setChartSubtitleText("Source: WorldClimate.com")  
                .setZoomType(BaseChart.ZoomType.X_AND_Y)  
                .setToolTip(new ToolTip()  
                    .setFormatter(new ToolTipFormatter() {  
                        public String format(ToolTipData toolTipData) {  
                            String unit = "mm";  
                            if ("Temperature".equals(toolTipData.getSeriesName())) {  
                                unit = "°C";  
                            } else if ("Sea-Level Pressure".equals(toolTipData.getSeriesName())) {  
                                unit = "mb";  
                            }  
                            return toolTipData.getXAsString() + ": " + toolTipData.getYAsDouble() + " " + unit;  
                        }  
                    })  
                )  
                .setLegend(new Legend()  
                    .setLayout(Legend.Layout.VERTICAL)  
                    .setAlign(Legend.Align.LEFT)  
                    .setVerticalAlign(Legend.VerticalAlign.TOP)  
                    .setX(120)  
                    .setY(80)  
                    .setFloating(true)  
                    .setBackgroundColor("#FFFFFF")  
                );  
      
            chart.getXAxis()  
                .setCategories(  
                    "Jan", "Feb", "Mar", "Apr", "May", "Jun",  
                    "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"  
                );  
      
            // Primary yAxis  
            chart.getYAxis(0)  
                .setLabels(new YAxisLabels()  
                    .setStyle(new Style()  
                        .setColor("#89A54E")  
                    )  
                    .setFormatter(new AxisLabelsFormatter() {  
                        public String format(AxisLabelsData axisLabelsData) {  
                            return axisLabelsData.getValueAsLong() + "°C";  
                        }  
                    })  
                )  
                .setAxisTitle(new AxisTitle()  
                    .setText("Temperature")  
                    .setStyle(new Style()  
                        .setColor("#89A54E")  
                    )  
                )  
                .setOpposite(true);  
      
            // Secondary yAxis  
            chart.getYAxis(1)  
                .setLabels(new YAxisLabels()  
                    .setStyle(new Style()  
                        .setColor("#4572A7")  
                    )  
                    .setFormatter(new AxisLabelsFormatter() {  
                        public String format(AxisLabelsData axisLabelsData) {  
                            return axisLabelsData.getValueAsLong() + " mm";  
                        }  
                    })  
                )  
                .setAxisTitle(new AxisTitle()  
                    .setText("Rainfall")  
                    .setStyle(new Style()  
                        .setColor("#4572A7")  
                    )  
                )  
                .setGridLineWidth(1);  
      
            // Tertiary yAxis  
            chart.getYAxis(2)  
                .setLabels(new YAxisLabels()  
                    .setStyle(new Style()  
                        .setColor("#AA4643")  
                    )  
                    .setFormatter(new AxisLabelsFormatter() {  
                        public String format(AxisLabelsData axisLabelsData) {  
                            return axisLabelsData.getValueAsLong() + " mb";  
                        }  
                    })  
                )  
                .setAxisTitle(new AxisTitle()  
                    .setText("Sea-Level Pressure")  
                    .setStyle(new Style()  
                        .setColor("#AA4643")  
                    )  
                )  
                .setGridLineWidth(0)  
                .setOpposite(true);  
      
            chart.addSeries(chart.createSeries()  
                .setName("Rainfall")  
                .setType(Series.Type.COLUMN)  
                .setPlotOptions(new ColumnPlotOptions()  
                    .setColor("#4572A7")  
                )  
                .setYAxis(1)  
                .setPoints(new Number[]{  
                    49.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4  
                })  
            );  
            chart.addSeries(chart.createSeries()  
                .setName("Sea-Level Pressure")  
                .setType(Series.Type.SPLINE)  
                .setPlotOptions(new SplinePlotOptions()  
                    .setColor("#AA4643")  
                    .setMarker(new Marker()  
                        .setEnabled(false)  
                    )  
                    .setDashStyle(PlotLine.DashStyle.SHORT_DOT)  
                )  
                .setYAxis(2)  
                .setPoints(new Number[]{  
                    1016, 1016, 1015.9, 1015.5, 1012.3, 1009.5, 1009.6, 1010.2, 1013.1, 1016.9, 1018.2, 1016.7  
                })  
            );  
            chart.addSeries(chart.createSeries()  
                .setName("Temperature")  
                .setType(Series.Type.SPLINE)  
                .setPlotOptions(new SplinePlotOptions()  
                    .setColor("#89A54E")  
                )  
                .setPoints(new Number[]{  
                    7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6  
                })  
            );  
      
            return chart;  
        }  
      
    }
    

    [3]


    See also[edit]

    Some use of "" in your query was not closed by a matching "".Some use of "" in your query was not closed by a matching "".

    References[edit]

    1. "Moxie Group: GWT Highcharts - Overview". www.moxiegroup.com. Retrieved 2019-08-18.
    2. JSInterop wrapping of Highcharts.js . Contribute to ascendtech/gwt-highcharts development by creating an account on GitHub, Ascendant Software Technology, 2019-08-05, retrieved 2019-08-18
    3. "Moxie Apps GWT Highcharts Showcase". www.moxiegroup.com. Retrieved 2019-08-18.

    External links[edit]


    This article "GWT Highcharts" is from Wikipedia. The list of its authors can be seen in its historical and/or the page Edithistory:GWT Highcharts. Articles copied from Draft Namespace on Wikipedia could be seen on the Draft Namespace of Wikipedia and not main one.