Welcome to EverybodyWiki ! Nuvola apps kgpg.png Sign in or create an account to improve, watchlist or create an article like a company page or a bio (yours ?)...

GWT Highcharts

From EverybodyWiki Bios & Wiki
Jump to navigation Jump to search




GWT Highcharts
Stable release
1.7.0 / June 18, 2015 (2015-06-18)
Repositoryhttps://github.com/ascendtech/gwt-highcharts
Written inJava
Engine
    Lua error in Module:Wd at line 1991: attempt to index local 'id' (a nil value).
Operating systemCross-platform
LicenseApache License 2.0
Websitewww.moxiegroup.com/moxieapps/gwt-highcharts/

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 | edit source]

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 | edit source]


Others articles of the Topics Java (programming language) AND Free and open-source software : Apache Commons DbUtils

Others articles of the Topic Java (programming language) : UJVM, Apache Commons DbUtils

Others articles of the Topic Free and open-source software : Jam.py (web framework), Jam.py, Mylyn, Hypnos Music Player, Gumpy, ChessFriend-Fire, XNap
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 | edit source]

  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 | edit source]


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.


Compte Twitter EverybodyWiki Follow us on https://twitter.com/EverybodyWiki !