| Index: packages/charted/examples/charts/renderers/demo_bar_charts.dart
|
| diff --git a/packages/charted/examples/charts/renderers/demo_bar_charts.dart b/packages/charted/examples/charts/renderers/demo_bar_charts.dart
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..8cb1f5a9cac65da33cd9cb0f51973e5dc664e94c
|
| --- /dev/null
|
| +++ b/packages/charted/examples/charts/renderers/demo_bar_charts.dart
|
| @@ -0,0 +1,103 @@
|
| +
|
| +library charted.demo.charts.bar_charts;
|
| +
|
| +import "dart:html";
|
| +import "package:charted/charts/charts.dart";
|
| +import "../demo_charts.dart";
|
| +
|
| +void drawSimpleBarChart(String selector, bool grouped) {
|
| + var wrapper = document.querySelector(selector),
|
| + areaHost = wrapper.querySelector('.chart-host'),
|
| + legendHost = wrapper.querySelector('.chart-legend-host');
|
| +
|
| + var series = new ChartSeries(
|
| + "one", grouped ? [2, 3] : [2], new BarChartRenderer()),
|
| + config = new ChartConfig([series], [0])
|
| + ..legend = new ChartLegend(legendHost),
|
| + data = new ChartData(ORDINAL_DATA_COLUMNS, ORDINAL_DATA),
|
| + state = new ChartState();
|
| +
|
| + var area = new CartesianArea(areaHost, data, config, state: state);
|
| +
|
| + createDefaultCartesianBehaviors().forEach((behavior) {
|
| + area.addChartBehavior(behavior);
|
| + });
|
| + area.draw();
|
| +}
|
| +
|
| +void drawHorizontalBarChart(String selector, bool grouped) {
|
| + var wrapper = document.querySelector(selector),
|
| + areaHost = wrapper.querySelector('.chart-host'),
|
| + legendHost = wrapper.querySelector('.chart-legend-host');
|
| +
|
| + var series = new ChartSeries(
|
| + "one", grouped ? [2, 3] : [2], new BarChartRenderer()),
|
| + config = new ChartConfig([series], [0])
|
| + ..legend = new ChartLegend(legendHost)
|
| + ..isLeftAxisPrimary = true,
|
| + data = new ChartData(ORDINAL_DATA_COLUMNS, ORDINAL_DATA),
|
| + state = new ChartState();
|
| +
|
| + var area = new CartesianArea(areaHost, data, config, state: state);
|
| +
|
| + createDefaultCartesianBehaviors().forEach((behavior) {
|
| + area.addChartBehavior(behavior);
|
| + });
|
| + area.draw();
|
| +}
|
| +
|
| +void drawChartWithNegativeNumbers(String selector, bool grouped) {
|
| + var wrapper = document.querySelector(selector),
|
| + areaHost = wrapper.querySelector('.chart-host'),
|
| + legendHost = wrapper.querySelector('.chart-legend-host');
|
| +
|
| + var series = new ChartSeries(
|
| + "one", grouped ? [2, 3] : [2], new BarChartRenderer()),
|
| + config = new ChartConfig([series], [0])
|
| + ..legend = new ChartLegend(legendHost),
|
| + data = new ChartData(ORDINAL_DATA_COLUMNS, ORDINAL_DATA_WITH_NEGATIVE),
|
| + state = new ChartState();
|
| +
|
| + var area = new CartesianArea(areaHost, data, config, state: state);
|
| +
|
| + createDefaultCartesianBehaviors().forEach((behavior) {
|
| + area.addChartBehavior(behavior);
|
| + });
|
| + area.draw();
|
| +}
|
| +
|
| +void drawHorizontalChartWithNegativeNumbers(String selector, bool grouped) {
|
| + var wrapper = document.querySelector(selector),
|
| + areaHost = wrapper.querySelector('.chart-host'),
|
| + legendHost = wrapper.querySelector('.chart-legend-host');
|
| +
|
| + var series = new ChartSeries(
|
| + "one", grouped ? [2, 3] : [2], new BarChartRenderer()),
|
| + config = new ChartConfig([series], [0])
|
| + ..legend = new ChartLegend(legendHost)
|
| + ..isLeftAxisPrimary = true,
|
| + data = new ChartData(ORDINAL_DATA_COLUMNS, ORDINAL_DATA_WITH_NEGATIVE),
|
| + state = new ChartState();
|
| +
|
| + var area = new CartesianArea(areaHost, data, config, state: state);
|
| +
|
| + createDefaultCartesianBehaviors().forEach((behavior) {
|
| + area.addChartBehavior(behavior);
|
| + });
|
| + area.draw();
|
| +}
|
| +
|
| +main() {
|
| + drawSimpleBarChart('#simple-bar-chart', false);
|
| + drawHorizontalBarChart('#horizontal-bar-chart', false);
|
| + drawChartWithNegativeNumbers('#simple-with-negative-numbers', false);
|
| + drawHorizontalChartWithNegativeNumbers(
|
| + '#horizontal-with-negative-numbers', false);
|
| +
|
| + drawSimpleBarChart('#grouped-bar-chart', true);
|
| + drawHorizontalBarChart('#horizontal-grouped-bar-chart', true);
|
| + drawChartWithNegativeNumbers('#grouped-with-negative-numbers', true);
|
| + drawHorizontalChartWithNegativeNumbers(
|
| + '#horizontal-grouped-with-negative-numbers', true);
|
| +}
|
| +
|
|
|