| Index: packages/charted/examples/charts/renderers/demo_line_charts.dart
|
| diff --git a/packages/charted/examples/charts/renderers/demo_line_charts.dart b/packages/charted/examples/charts/renderers/demo_line_charts.dart
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..269c6d32f7499f60e493d72249d76a29465dcd37
|
| --- /dev/null
|
| +++ b/packages/charted/examples/charts/renderers/demo_line_charts.dart
|
| @@ -0,0 +1,90 @@
|
| +
|
| +library charted.demo.charts.line_charts;
|
| +
|
| +import "dart:html";
|
| +import "package:charted/charts/charts.dart";
|
| +import "../demo_charts.dart";
|
| +
|
| +void drawOrdinalLineChart(String selector) {
|
| + var wrapper = document.querySelector(selector),
|
| + areaHost = wrapper.querySelector('.chart-host'),
|
| + legendHost = wrapper.querySelector('.chart-legend-host');
|
| +
|
| + var series = new ChartSeries("one", [2, 3] , new LineChartRenderer()),
|
| + 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 drawOrdinalWithBreaks(String selector) {
|
| + var wrapper = document.querySelector(selector),
|
| + areaHost = wrapper.querySelector('.chart-host'),
|
| + legendHost = wrapper.querySelector('.chart-legend-host');
|
| +
|
| + var series = new ChartSeries("one", [2, 3], new LineChartRenderer()),
|
| + config = new ChartConfig([series], [0])
|
| + ..legend = new ChartLegend(legendHost),
|
| + data = new ChartData(ORDINAL_DATA_COLUMNS, ORDINAL_DATA_WITH_BREAKS),
|
| + state = new ChartState();
|
| +
|
| + var area = new CartesianArea(areaHost, data, config, state: state);
|
| +
|
| + createDefaultCartesianBehaviors().forEach((behavior) {
|
| + area.addChartBehavior(behavior);
|
| + });
|
| + area.draw();
|
| +}
|
| +
|
| +void drawOrdinalWithNegative(String selector) {
|
| + var wrapper = document.querySelector(selector),
|
| + areaHost = wrapper.querySelector('.chart-host'),
|
| + legendHost = wrapper.querySelector('.chart-legend-host');
|
| +
|
| + var series = new ChartSeries("one", [2, 3] , new LineChartRenderer()),
|
| + 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 drawTimeSeriesChart(String selector) {
|
| + var wrapper = document.querySelector(selector),
|
| + areaHost = wrapper.querySelector('.chart-host'),
|
| + legendHost = wrapper.querySelector('.chart-legend-host');
|
| +
|
| + var series = new ChartSeries("one", [1, 2, 3], new LineChartRenderer()),
|
| + config = new ChartConfig([series], [0])
|
| + ..legend = new ChartLegend(legendHost),
|
| + data = new ChartData(TIMESERIES_DATA_COLUMNS, TIMESERIES_DATA),
|
| + state = new ChartState();
|
| +
|
| + var area = new CartesianArea(areaHost, data, config, state: state);
|
| +
|
| + createDefaultCartesianBehaviors().forEach((behavior) {
|
| + area.addChartBehavior(behavior);
|
| + });
|
| + area.draw();
|
| +}
|
| +
|
| +main() {
|
| + drawOrdinalLineChart('#ordinal-line-chart');
|
| + drawOrdinalWithBreaks('#ordinal-with-breaks');
|
| + drawOrdinalWithNegative('#ordinal-with-negative');
|
| + drawTimeSeriesChart('#time-series-chart');
|
| +}
|
| +
|
|
|