OLD | NEW |
(Empty) | |
| 1 |
| 2 library charted.demo.charts.combo_charts; |
| 3 |
| 4 import "dart:html"; |
| 5 import "package:charted/charts/charts.dart"; |
| 6 import "../demo_charts.dart"; |
| 7 |
| 8 void drawBarLineCombo(String selector, bool grouped) { |
| 9 var wrapper = document.querySelector(selector), |
| 10 areaHost = wrapper.querySelector('.chart-host'), |
| 11 legendHost = wrapper.querySelector('.chart-legend-host'); |
| 12 |
| 13 var series1 = new ChartSeries( |
| 14 "one", grouped ? [2, 3] : [2], new BarChartRenderer()), |
| 15 series2 = new ChartSeries("two", [1], new LineChartRenderer()), |
| 16 config = new ChartConfig([series1, series2], [0]) |
| 17 ..legend = new ChartLegend(legendHost), |
| 18 data = new ChartData( |
| 19 ORDINAL_DATA_COLUMNS, ORDINAL_DATA), |
| 20 state = new ChartState(); |
| 21 |
| 22 var area = new CartesianArea(areaHost, data, config, state: state); |
| 23 |
| 24 createDefaultCartesianBehaviors().forEach((behavior) { |
| 25 area.addChartBehavior(behavior); |
| 26 }); |
| 27 area.draw(); |
| 28 } |
| 29 |
| 30 void drawStackedBarLineCombo(String selector) { |
| 31 var wrapper = document.querySelector(selector), |
| 32 areaHost = wrapper.querySelector('.chart-host'), |
| 33 legendHost = wrapper.querySelector('.chart-legend-host'); |
| 34 |
| 35 var series1 = new ChartSeries( |
| 36 "one", [2, 3], new StackedBarChartRenderer()), |
| 37 series2 = new ChartSeries("two", [1], new LineChartRenderer()), |
| 38 config = new ChartConfig([series1, series2], [0]) |
| 39 ..legend = new ChartLegend(legendHost), |
| 40 data = new ChartData( |
| 41 ORDINAL_DATA_COLUMNS, ORDINAL_DATA), |
| 42 state = new ChartState(); |
| 43 |
| 44 var area = new CartesianArea(areaHost, data, config, state: state); |
| 45 |
| 46 createDefaultCartesianBehaviors().forEach((behavior) { |
| 47 area.addChartBehavior(behavior); |
| 48 }); |
| 49 area.draw(); |
| 50 } |
| 51 |
| 52 main() { |
| 53 drawBarLineCombo('#bar-line-combo-chart', false); |
| 54 drawBarLineCombo('#grouped-bar-line-combo-chart', true); |
| 55 drawStackedBarLineCombo('#stacked-bar-line-combo-chart'); |
| 56 } |
OLD | NEW |