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 "package:charted/core/utils.dart"; |
| 7 import "../demo_charts.dart"; |
| 8 |
| 9 void drawSimpleBarChart(String selector, ChartState state) { |
| 10 var wrapper = document.querySelector(selector), |
| 11 areaHost = wrapper.querySelector('.chart-host'); |
| 12 |
| 13 var series = new ChartSeries("one", [2, 3], new BarChartRenderer()), |
| 14 config = new ChartConfig([series], [0]), |
| 15 data = new ChartData(ORDINAL_DATA_COLUMNS, ORDINAL_DATA); |
| 16 |
| 17 var area = new CartesianArea(areaHost, data, config, state: state); |
| 18 |
| 19 createDefaultCartesianBehaviors().forEach((behavior) { |
| 20 area.addChartBehavior(behavior); |
| 21 }); |
| 22 area.draw(); |
| 23 } |
| 24 |
| 25 void drawHorizontalBarChart(String selector, ChartState state) { |
| 26 var wrapper = document.querySelector(selector), |
| 27 areaHost = wrapper.querySelector('.chart-host'); |
| 28 |
| 29 var series = new ChartSeries("one", [2, 3], new BarChartRenderer()), |
| 30 config = new ChartConfig([series], [0]) |
| 31 ..isLeftAxisPrimary = true, |
| 32 data = new ChartData(ORDINAL_DATA_COLUMNS, ORDINAL_DATA); |
| 33 |
| 34 var area = new CartesianArea(areaHost, data, config, state: state); |
| 35 |
| 36 createDefaultCartesianBehaviors().forEach((behavior) { |
| 37 area.addChartBehavior(behavior); |
| 38 }); |
| 39 area.draw(); |
| 40 } |
| 41 |
| 42 main() { |
| 43 ChartState singleSelectionState = new ChartState(); |
| 44 drawSimpleBarChart('#simple-bar-chart', singleSelectionState); |
| 45 drawHorizontalBarChart('#horizontal-bar-chart', singleSelectionState); |
| 46 |
| 47 document.getElementById('hover').onMouseOver.listen( |
| 48 (_) => singleSelectionState.hovered = new Pair(2, 2)); |
| 49 document.getElementById('hover').onMouseOut.listen( |
| 50 (_) => singleSelectionState.hovered = null); |
| 51 |
| 52 document.getElementById('highlight').onMouseOver.listen( |
| 53 (_) => singleSelectionState.highlight(2, 2)); |
| 54 document.getElementById('highlight').onMouseOut.listen( |
| 55 (_) => singleSelectionState.unhighlight(2, 2)); |
| 56 |
| 57 document.getElementById('preview').onMouseOver.listen( |
| 58 (_) => singleSelectionState.preview = 2); |
| 59 document.getElementById('preview').onMouseOut.listen( |
| 60 (_) => singleSelectionState.preview = null); |
| 61 |
| 62 document.getElementById('select').onMouseOver.listen( |
| 63 (_) => singleSelectionState.select(2)); |
| 64 document.getElementById('select').onMouseOut.listen( |
| 65 (_) => singleSelectionState.unselect(2)); |
| 66 } |
| 67 |
OLD | NEW |