OLD | NEW |
(Empty) | |
| 1 |
| 2 library charted.demo.charts.line_charts; |
| 3 |
| 4 import "dart:html"; |
| 5 import "package:charted/charts/charts.dart"; |
| 6 import "../demo_charts.dart"; |
| 7 |
| 8 void drawOrdinalLineChart(String selector) { |
| 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("one", [2, 3] , new LineChartRenderer()), |
| 14 config = new ChartConfig([series], [0]) |
| 15 ..legend = new ChartLegend(legendHost), |
| 16 data = new ChartData(ORDINAL_DATA_COLUMNS, ORDINAL_DATA), |
| 17 state = new ChartState(); |
| 18 |
| 19 var area = new CartesianArea(areaHost, data, config, state: state); |
| 20 |
| 21 createDefaultCartesianBehaviors().forEach((behavior) { |
| 22 area.addChartBehavior(behavior); |
| 23 }); |
| 24 area.draw(); |
| 25 } |
| 26 |
| 27 void drawOrdinalWithBreaks(String selector) { |
| 28 var wrapper = document.querySelector(selector), |
| 29 areaHost = wrapper.querySelector('.chart-host'), |
| 30 legendHost = wrapper.querySelector('.chart-legend-host'); |
| 31 |
| 32 var series = new ChartSeries("one", [2, 3], new LineChartRenderer()), |
| 33 config = new ChartConfig([series], [0]) |
| 34 ..legend = new ChartLegend(legendHost), |
| 35 data = new ChartData(ORDINAL_DATA_COLUMNS, ORDINAL_DATA_WITH_BREAKS), |
| 36 state = new ChartState(); |
| 37 |
| 38 var area = new CartesianArea(areaHost, data, config, state: state); |
| 39 |
| 40 createDefaultCartesianBehaviors().forEach((behavior) { |
| 41 area.addChartBehavior(behavior); |
| 42 }); |
| 43 area.draw(); |
| 44 } |
| 45 |
| 46 void drawOrdinalWithNegative(String selector) { |
| 47 var wrapper = document.querySelector(selector), |
| 48 areaHost = wrapper.querySelector('.chart-host'), |
| 49 legendHost = wrapper.querySelector('.chart-legend-host'); |
| 50 |
| 51 var series = new ChartSeries("one", [2, 3] , new LineChartRenderer()), |
| 52 config = new ChartConfig([series], [0]) |
| 53 ..legend = new ChartLegend(legendHost), |
| 54 data = new ChartData(ORDINAL_DATA_COLUMNS, ORDINAL_DATA_WITH_NEGATIVE), |
| 55 state = new ChartState(); |
| 56 |
| 57 var area = new CartesianArea(areaHost, data, config, state: state); |
| 58 |
| 59 createDefaultCartesianBehaviors().forEach((behavior) { |
| 60 area.addChartBehavior(behavior); |
| 61 }); |
| 62 area.draw(); |
| 63 } |
| 64 |
| 65 void drawTimeSeriesChart(String selector) { |
| 66 var wrapper = document.querySelector(selector), |
| 67 areaHost = wrapper.querySelector('.chart-host'), |
| 68 legendHost = wrapper.querySelector('.chart-legend-host'); |
| 69 |
| 70 var series = new ChartSeries("one", [1, 2, 3], new LineChartRenderer()), |
| 71 config = new ChartConfig([series], [0]) |
| 72 ..legend = new ChartLegend(legendHost), |
| 73 data = new ChartData(TIMESERIES_DATA_COLUMNS, TIMESERIES_DATA), |
| 74 state = new ChartState(); |
| 75 |
| 76 var area = new CartesianArea(areaHost, data, config, state: state); |
| 77 |
| 78 createDefaultCartesianBehaviors().forEach((behavior) { |
| 79 area.addChartBehavior(behavior); |
| 80 }); |
| 81 area.draw(); |
| 82 } |
| 83 |
| 84 main() { |
| 85 drawOrdinalLineChart('#ordinal-line-chart'); |
| 86 drawOrdinalWithBreaks('#ordinal-with-breaks'); |
| 87 drawOrdinalWithNegative('#ordinal-with-negative'); |
| 88 drawTimeSeriesChart('#time-series-chart'); |
| 89 } |
| 90 |
OLD | NEW |