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 drawSimplePieChart(String selector, bool isDonut) { |
| 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], |
| 14 new PieChartRenderer(innerRadiusRatio: isDonut ? 0.618 : 0)), |
| 15 config = new ChartConfig([series], [0]) |
| 16 ..legend = new ChartLegend(legendHost, showValues: true), |
| 17 data = new ChartData(ORDINAL_DATA_COLUMNS, ORDINAL_DATA), |
| 18 state = new ChartState(); |
| 19 |
| 20 var area = new LayoutArea(areaHost, data, config, state: state); |
| 21 |
| 22 createDefaultCartesianBehaviors().forEach((behavior) { |
| 23 area.addChartBehavior(behavior); |
| 24 }); |
| 25 area.draw(); |
| 26 } |
| 27 |
| 28 void drawPieChartWithCount(String selector, bool isDonut, int count) { |
| 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("one", [2], |
| 34 new PieChartRenderer( |
| 35 innerRadiusRatio: isDonut ? 0.618 : 0, maxSliceCount: count)), |
| 36 config = new ChartConfig([series], [0]) |
| 37 ..legend = new ChartLegend(legendHost, showValues: true), |
| 38 data = new ChartData(ORDINAL_DATA_COLUMNS, ORDINAL_DATA), |
| 39 state = new ChartState(); |
| 40 |
| 41 var area = new LayoutArea(areaHost, data, config, state: state); |
| 42 |
| 43 createDefaultCartesianBehaviors().forEach((behavior) { |
| 44 area.addChartBehavior(behavior); |
| 45 }); |
| 46 area.draw(); |
| 47 } |
| 48 |
| 49 main() { |
| 50 drawSimplePieChart('#simple-pie-chart', false); |
| 51 drawSimplePieChart('#simple-donut-chart', true); |
| 52 drawPieChartWithCount('#pie-chart-with-count', false, 5); |
| 53 drawPieChartWithCount('#donut-chart-with-count', true, 5); |
| 54 } |
| 55 |
OLD | NEW |