OLD | NEW |
(Empty) | |
| 1 |
| 2 library charted.demo.charts.bar_charts; |
| 3 |
| 4 import "dart:html"; |
| 5 import "package:charted/charts/charts.dart"; |
| 6 import "../demo_charts.dart"; |
| 7 |
| 8 void drawSimpleBarChart(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 series = new ChartSeries( |
| 14 "one", grouped ? [2, 3] : [2], new BarChartRenderer()), |
| 15 config = new ChartConfig([series], [0]) |
| 16 ..legend = new ChartLegend(legendHost), |
| 17 data = new ChartData(ORDINAL_DATA_COLUMNS, ORDINAL_DATA), |
| 18 state = new ChartState(); |
| 19 |
| 20 var area = new CartesianArea(areaHost, data, config, state: state); |
| 21 |
| 22 createDefaultCartesianBehaviors().forEach((behavior) { |
| 23 area.addChartBehavior(behavior); |
| 24 }); |
| 25 area.draw(); |
| 26 } |
| 27 |
| 28 void drawHorizontalBarChart(String selector, bool grouped) { |
| 29 var wrapper = document.querySelector(selector), |
| 30 areaHost = wrapper.querySelector('.chart-host'), |
| 31 legendHost = wrapper.querySelector('.chart-legend-host'); |
| 32 |
| 33 var series = new ChartSeries( |
| 34 "one", grouped ? [2, 3] : [2], new BarChartRenderer()), |
| 35 config = new ChartConfig([series], [0]) |
| 36 ..legend = new ChartLegend(legendHost) |
| 37 ..isLeftAxisPrimary = true, |
| 38 data = new ChartData(ORDINAL_DATA_COLUMNS, ORDINAL_DATA), |
| 39 state = new ChartState(); |
| 40 |
| 41 var area = new CartesianArea(areaHost, data, config, state: state); |
| 42 |
| 43 createDefaultCartesianBehaviors().forEach((behavior) { |
| 44 area.addChartBehavior(behavior); |
| 45 }); |
| 46 area.draw(); |
| 47 } |
| 48 |
| 49 void drawChartWithNegativeNumbers(String selector, bool grouped) { |
| 50 var wrapper = document.querySelector(selector), |
| 51 areaHost = wrapper.querySelector('.chart-host'), |
| 52 legendHost = wrapper.querySelector('.chart-legend-host'); |
| 53 |
| 54 var series = new ChartSeries( |
| 55 "one", grouped ? [2, 3] : [2], new BarChartRenderer()), |
| 56 config = new ChartConfig([series], [0]) |
| 57 ..legend = new ChartLegend(legendHost), |
| 58 data = new ChartData(ORDINAL_DATA_COLUMNS, ORDINAL_DATA_WITH_NEGATIVE), |
| 59 state = new ChartState(); |
| 60 |
| 61 var area = new CartesianArea(areaHost, data, config, state: state); |
| 62 |
| 63 createDefaultCartesianBehaviors().forEach((behavior) { |
| 64 area.addChartBehavior(behavior); |
| 65 }); |
| 66 area.draw(); |
| 67 } |
| 68 |
| 69 void drawHorizontalChartWithNegativeNumbers(String selector, bool grouped) { |
| 70 var wrapper = document.querySelector(selector), |
| 71 areaHost = wrapper.querySelector('.chart-host'), |
| 72 legendHost = wrapper.querySelector('.chart-legend-host'); |
| 73 |
| 74 var series = new ChartSeries( |
| 75 "one", grouped ? [2, 3] : [2], new BarChartRenderer()), |
| 76 config = new ChartConfig([series], [0]) |
| 77 ..legend = new ChartLegend(legendHost) |
| 78 ..isLeftAxisPrimary = true, |
| 79 data = new ChartData(ORDINAL_DATA_COLUMNS, ORDINAL_DATA_WITH_NEGATIVE), |
| 80 state = new ChartState(); |
| 81 |
| 82 var area = new CartesianArea(areaHost, data, config, state: state); |
| 83 |
| 84 createDefaultCartesianBehaviors().forEach((behavior) { |
| 85 area.addChartBehavior(behavior); |
| 86 }); |
| 87 area.draw(); |
| 88 } |
| 89 |
| 90 main() { |
| 91 drawSimpleBarChart('#simple-bar-chart', false); |
| 92 drawHorizontalBarChart('#horizontal-bar-chart', false); |
| 93 drawChartWithNegativeNumbers('#simple-with-negative-numbers', false); |
| 94 drawHorizontalChartWithNegativeNumbers( |
| 95 '#horizontal-with-negative-numbers', false); |
| 96 |
| 97 drawSimpleBarChart('#grouped-bar-chart', true); |
| 98 drawHorizontalBarChart('#horizontal-grouped-bar-chart', true); |
| 99 drawChartWithNegativeNumbers('#grouped-with-negative-numbers', true); |
| 100 drawHorizontalChartWithNegativeNumbers( |
| 101 '#horizontal-grouped-with-negative-numbers', true); |
| 102 } |
| 103 |
OLD | NEW |