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'); |
+} |
+ |