Search in sources :

Example 1 with Subtitle

use of com.vaadin.addon.charts.model.Subtitle in project charts by vaadin.

the class AreaWithMissingPoints method getChart.

@Override
protected Component getChart() {
    Chart chart = new Chart(ChartType.AREA);
    Configuration conf = chart.getConfiguration();
    conf.getChart().setSpacingBottom(30);
    conf.setTitle(new Title("Fruit consumption *"));
    Subtitle subTitle = new Subtitle("* Jane\'s banana consumption is unknown");
    subTitle.setFloating(true);
    subTitle.setY(15);
    subTitle.setAlign(HorizontalAlign.RIGHT);
    subTitle.setVerticalAlign(VerticalAlign.BOTTOM);
    conf.setSubTitle(subTitle);
    XAxis xAxis = new XAxis();
    xAxis.setCategories("Apples", "Pears", "Oranges", "Bananas", "Grapes", "Plums", "Strawberries", "Raspberries");
    conf.addxAxis(xAxis);
    Legend legend = new Legend();
    legend.setLayout(LayoutDirection.VERTICAL);
    legend.setAlign(HorizontalAlign.LEFT);
    legend.setFloating(true);
    legend.setVerticalAlign(VerticalAlign.TOP);
    legend.setX(150);
    legend.setY(100);
    legend.setBorderWidth(1);
    legend.setBackgroundColor(new SolidColor("#ffffff"));
    conf.setLegend(legend);
    PlotOptionsArea plotOptions = new PlotOptionsArea();
    plotOptions.setFillOpacity(0.5);
    conf.setPlotOptions(plotOptions);
    conf.addSeries(new ListSeries("John", 0, 1, 4, 4, 5, 2, 3, 7));
    conf.addSeries(new ListSeries("Jane", 1, 0, 3, null, 3, 1, 2, 1));
    chart.drawChart(conf);
    return chart;
}
Also used : Subtitle(com.vaadin.addon.charts.model.Subtitle) Legend(com.vaadin.addon.charts.model.Legend) Configuration(com.vaadin.addon.charts.model.Configuration) PlotOptionsArea(com.vaadin.addon.charts.model.PlotOptionsArea) ListSeries(com.vaadin.addon.charts.model.ListSeries) Title(com.vaadin.addon.charts.model.Title) SolidColor(com.vaadin.addon.charts.model.style.SolidColor) Chart(com.vaadin.addon.charts.Chart) XAxis(com.vaadin.addon.charts.model.XAxis)

Example 2 with Subtitle

use of com.vaadin.addon.charts.model.Subtitle in project charts by vaadin.

the class BasicArea method getChart.

@Override
protected Component getChart() {
    Chart chart = new Chart(ChartType.AREA);
    Configuration conf = chart.getConfiguration();
    conf.setTitle(new Title("US and USSR nuclear stockpiles"));
    conf.setSubTitle(new Subtitle("Source: <a href=\"http://thebulletin.metapress.com/content/c4120650912x74k7/fulltext.pdf\">thebulletin.metapress.com</a>"));
    PlotOptionsArea plotOptions = new PlotOptionsArea();
    plotOptions.setPointStart(1940);
    Marker marker = new Marker();
    marker.setEnabled(false);
    marker.setSymbol(MarkerSymbolEnum.CIRCLE);
    marker.setRadius(2);
    States states = new States();
    states.setHover(new Hover(true));
    marker.setStates(states);
    plotOptions.setMarker(marker);
    conf.setPlotOptions(plotOptions);
    XAxis xAxis = new XAxis();
    Labels labels = new Labels();
    // Display x axis value (year) as non formatted integer
    labels.setFormatter("this.value");
    xAxis.setLabels(labels);
    conf.addxAxis(xAxis);
    YAxis yAxis = new YAxis();
    yAxis.setTitle(new AxisTitle("Nuclear weapon states"));
    labels = new Labels();
    // display y axis value in kilos as there is such a pile of weapons
    labels.setFormatter("this.value / 1000 +'k'");
    yAxis.setLabels(labels);
    conf.addyAxis(yAxis);
    Tooltip tooltip = new Tooltip();
    tooltip.setFormatter("this.series.name +' produced <b>'+ Highcharts.numberFormat(this.y, 0) +'</b><br/>warheads in '+ this.x");
    conf.setTooltip(tooltip);
    final Number[] usaNumbers = new Number[] { null, null, null, null, null, 6, 11, 32, 110, 235, 369, 640, 1005, 1436, 2063, 3057, 4618, 6444, 9822, 15468, 20434, 24126, 27387, 29459, 31056, 31982, 32040, 31233, 29224, 27342, 26662, 26956, 27912, 28999, 28965, 27826, 25579, 25722, 24826, 24605, 24304, 23464, 23708, 24099, 24357, 24237, 24401, 24344, 23586, 22380, 21004, 17287, 14747, 13076, 12555, 12144, 11009, 10950, 10871, 10824, 10577, 10527, 10475, 10421, 10358, 10295, 10104 };
    conf.addSeries(new ListSeries("USA", usaNumbers));
    final Number[] ussrNumbers = new Number[] { null, null, null, null, null, null, null, null, null, null, 5, 25, 50, 120, 150, 200, 426, 660, 869, 1060, 1605, 2471, 3322, 4238, 5221, 6129, 7089, 8339, 9399, 10538, 11643, 13092, 14478, 15915, 17385, 19055, 21205, 23044, 25393, 27935, 30062, 32049, 33952, 35804, 37431, 39197, 45000, 43000, 41000, 39000, 37000, 35000, 33000, 31000, 29000, 27000, 25000, 24000, 23000, 22000, 21000, 20000, 19000, 18000, 18000, 17000, 16000 };
    conf.addSeries(new ListSeries("USSR/Russia", ussrNumbers));
    chart.drawChart(conf);
    return chart;
}
Also used : Configuration(com.vaadin.addon.charts.model.Configuration) Tooltip(com.vaadin.addon.charts.model.Tooltip) AxisTitle(com.vaadin.addon.charts.model.AxisTitle) Title(com.vaadin.addon.charts.model.Title) Labels(com.vaadin.addon.charts.model.Labels) Marker(com.vaadin.addon.charts.model.Marker) XAxis(com.vaadin.addon.charts.model.XAxis) States(com.vaadin.addon.charts.model.States) Subtitle(com.vaadin.addon.charts.model.Subtitle) PlotOptionsArea(com.vaadin.addon.charts.model.PlotOptionsArea) ListSeries(com.vaadin.addon.charts.model.ListSeries) Hover(com.vaadin.addon.charts.model.Hover) AxisTitle(com.vaadin.addon.charts.model.AxisTitle) Chart(com.vaadin.addon.charts.Chart) YAxis(com.vaadin.addon.charts.model.YAxis)

Example 3 with Subtitle

use of com.vaadin.addon.charts.model.Subtitle in project charts by vaadin.

the class PercentageArea method createNewChart.

public static Chart createNewChart() {
    Chart chart = new Chart(ChartType.AREA);
    Configuration conf = chart.getConfiguration();
    conf.setTitle(new Title("Historic and Estimated Worldwide Population Distribution by Region"));
    conf.setSubTitle(new Subtitle("Source: Wikipedia.org"));
    XAxis xAxis = new XAxis();
    xAxis.setTickmarkPlacement(TickmarkPlacement.ON);
    xAxis.setCategories("1750", "1800", "1850", "1900", "1950", "1999", "2050");
    conf.addxAxis(xAxis);
    YAxis yAxis = new YAxis();
    yAxis.setTitle(new AxisTitle("Percent"));
    conf.addyAxis(yAxis);
    Tooltip tooltip = new Tooltip();
    tooltip.setFormatter("this.series.name + ': ' +this.x +': '+ Highcharts.numberFormat(this.percentage, 1) +'% ('+ Highcharts.numberFormat(this.y, 0, ',') +' millions)'");
    conf.setTooltip(tooltip);
    PlotOptionsArea plotOptions = new PlotOptionsArea();
    plotOptions.setStacking(Stacking.PERCENT);
    plotOptions.setLineWidth(1);
    Marker marker = new Marker();
    plotOptions.setMarker(marker);
    conf.setPlotOptions(plotOptions);
    conf.addSeries(new ListSeries("Asia", 502, 635, 809, 947, 1402, 3634, 5268));
    conf.addSeries(new ListSeries("Africa", 106, 107, 111, 133, 221, 767, 1766));
    conf.addSeries(new ListSeries("Europe", 163, 203, 276, 408, 547, 729, 628));
    conf.addSeries(new ListSeries("America", 18, 31, 54, 156, 339, 818, 1201));
    conf.addSeries(new ListSeries("Ocenia", 2, 2, 2, 6, 13, 30, 46));
    chart.drawChart(conf);
    return chart;
}
Also used : Subtitle(com.vaadin.addon.charts.model.Subtitle) Configuration(com.vaadin.addon.charts.model.Configuration) PlotOptionsArea(com.vaadin.addon.charts.model.PlotOptionsArea) ListSeries(com.vaadin.addon.charts.model.ListSeries) Tooltip(com.vaadin.addon.charts.model.Tooltip) AxisTitle(com.vaadin.addon.charts.model.AxisTitle) Title(com.vaadin.addon.charts.model.Title) Marker(com.vaadin.addon.charts.model.Marker) AxisTitle(com.vaadin.addon.charts.model.AxisTitle) Chart(com.vaadin.addon.charts.Chart) XAxis(com.vaadin.addon.charts.model.XAxis) YAxis(com.vaadin.addon.charts.model.YAxis)

Example 4 with Subtitle

use of com.vaadin.addon.charts.model.Subtitle in project charts by vaadin.

the class StackedArea method getChart.

@Override
protected Component getChart() {
    Chart chart = new Chart(ChartType.AREA);
    Configuration conf = chart.getConfiguration();
    conf.setTitle(new Title("Historic and Estimated Worldwide Population Growth by Region"));
    conf.setSubTitle(new Subtitle("Source: Wikipedia.org"));
    XAxis xAxis = new XAxis();
    xAxis.setTickmarkPlacement(TickmarkPlacement.ON);
    xAxis.setCategories("1750", "1800", "1850", "1900", "1950", "1999", "2050");
    conf.addxAxis(xAxis);
    YAxis yAxis = new YAxis();
    yAxis.setTitle(new AxisTitle("Billions"));
    Labels labels = new Labels();
    labels.setFormatter("this.value / 1000");
    yAxis.setLabels(labels);
    conf.addyAxis(yAxis);
    Tooltip tooltip = new Tooltip();
    tooltip.setFormatter("this.x +': '+ Highcharts.numberFormat(this.y, 0, ',') +' millions'");
    conf.setTooltip(tooltip);
    PlotOptionsArea plotOptions = new PlotOptionsArea();
    plotOptions.setStacking(Stacking.NORMAL);
    conf.setPlotOptions(plotOptions);
    List<Series> series = new ArrayList<Series>();
    series.add(new ListSeries("Asia", 502, 635, 809, 947, 1402, 3634, 5268));
    series.add(new ListSeries("Africa", 106, 107, 111, 133, 221, 767, 1766));
    series.add(new ListSeries("Europe", 163, 203, 276, 408, 547, 729, 628));
    series.add(new ListSeries("America", 18, 31, 54, 156, 339, 818, 1201));
    series.add(new ListSeries("Ocenia", 2, 2, 2, 6, 13, 30, 46));
    conf.setSeries(series);
    chart.drawChart(conf);
    return chart;
}
Also used : Configuration(com.vaadin.addon.charts.model.Configuration) Tooltip(com.vaadin.addon.charts.model.Tooltip) ArrayList(java.util.ArrayList) AxisTitle(com.vaadin.addon.charts.model.AxisTitle) Title(com.vaadin.addon.charts.model.Title) Labels(com.vaadin.addon.charts.model.Labels) XAxis(com.vaadin.addon.charts.model.XAxis) Subtitle(com.vaadin.addon.charts.model.Subtitle) Series(com.vaadin.addon.charts.model.Series) ListSeries(com.vaadin.addon.charts.model.ListSeries) PlotOptionsArea(com.vaadin.addon.charts.model.PlotOptionsArea) ListSeries(com.vaadin.addon.charts.model.ListSeries) AxisTitle(com.vaadin.addon.charts.model.AxisTitle) Chart(com.vaadin.addon.charts.Chart) YAxis(com.vaadin.addon.charts.model.YAxis)

Aggregations

Chart (com.vaadin.addon.charts.Chart)4 Configuration (com.vaadin.addon.charts.model.Configuration)4 ListSeries (com.vaadin.addon.charts.model.ListSeries)4 PlotOptionsArea (com.vaadin.addon.charts.model.PlotOptionsArea)4 Subtitle (com.vaadin.addon.charts.model.Subtitle)4 Title (com.vaadin.addon.charts.model.Title)4 XAxis (com.vaadin.addon.charts.model.XAxis)4 AxisTitle (com.vaadin.addon.charts.model.AxisTitle)3 Tooltip (com.vaadin.addon.charts.model.Tooltip)3 YAxis (com.vaadin.addon.charts.model.YAxis)3 Labels (com.vaadin.addon.charts.model.Labels)2 Marker (com.vaadin.addon.charts.model.Marker)2 Hover (com.vaadin.addon.charts.model.Hover)1 Legend (com.vaadin.addon.charts.model.Legend)1 Series (com.vaadin.addon.charts.model.Series)1 States (com.vaadin.addon.charts.model.States)1 SolidColor (com.vaadin.addon.charts.model.style.SolidColor)1 ArrayList (java.util.ArrayList)1