Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(59)

Side by Side Diff: packages/charted/examples/charts/renderers/demo_line_charts.dart

Issue 1400473008: Roll Observatory packages and add a roll script (Closed) Base URL: git@github.com:dart-lang/observatory_pub_packages.git@master
Patch Set: Created 5 years, 2 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
(Empty)
1
2 library charted.demo.charts.line_charts;
3
4 import "dart:html";
5 import "package:charted/charts/charts.dart";
6 import "../demo_charts.dart";
7
8 void drawOrdinalLineChart(String selector) {
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, 3] , new LineChartRenderer()),
14 config = new ChartConfig([series], [0])
15 ..legend = new ChartLegend(legendHost),
16 data = new ChartData(ORDINAL_DATA_COLUMNS, ORDINAL_DATA),
17 state = new ChartState();
18
19 var area = new CartesianArea(areaHost, data, config, state: state);
20
21 createDefaultCartesianBehaviors().forEach((behavior) {
22 area.addChartBehavior(behavior);
23 });
24 area.draw();
25 }
26
27 void drawOrdinalWithBreaks(String selector) {
28 var wrapper = document.querySelector(selector),
29 areaHost = wrapper.querySelector('.chart-host'),
30 legendHost = wrapper.querySelector('.chart-legend-host');
31
32 var series = new ChartSeries("one", [2, 3], new LineChartRenderer()),
33 config = new ChartConfig([series], [0])
34 ..legend = new ChartLegend(legendHost),
35 data = new ChartData(ORDINAL_DATA_COLUMNS, ORDINAL_DATA_WITH_BREAKS),
36 state = new ChartState();
37
38 var area = new CartesianArea(areaHost, data, config, state: state);
39
40 createDefaultCartesianBehaviors().forEach((behavior) {
41 area.addChartBehavior(behavior);
42 });
43 area.draw();
44 }
45
46 void drawOrdinalWithNegative(String selector) {
47 var wrapper = document.querySelector(selector),
48 areaHost = wrapper.querySelector('.chart-host'),
49 legendHost = wrapper.querySelector('.chart-legend-host');
50
51 var series = new ChartSeries("one", [2, 3] , new LineChartRenderer()),
52 config = new ChartConfig([series], [0])
53 ..legend = new ChartLegend(legendHost),
54 data = new ChartData(ORDINAL_DATA_COLUMNS, ORDINAL_DATA_WITH_NEGATIVE),
55 state = new ChartState();
56
57 var area = new CartesianArea(areaHost, data, config, state: state);
58
59 createDefaultCartesianBehaviors().forEach((behavior) {
60 area.addChartBehavior(behavior);
61 });
62 area.draw();
63 }
64
65 void drawTimeSeriesChart(String selector) {
66 var wrapper = document.querySelector(selector),
67 areaHost = wrapper.querySelector('.chart-host'),
68 legendHost = wrapper.querySelector('.chart-legend-host');
69
70 var series = new ChartSeries("one", [1, 2, 3], new LineChartRenderer()),
71 config = new ChartConfig([series], [0])
72 ..legend = new ChartLegend(legendHost),
73 data = new ChartData(TIMESERIES_DATA_COLUMNS, TIMESERIES_DATA),
74 state = new ChartState();
75
76 var area = new CartesianArea(areaHost, data, config, state: state);
77
78 createDefaultCartesianBehaviors().forEach((behavior) {
79 area.addChartBehavior(behavior);
80 });
81 area.draw();
82 }
83
84 main() {
85 drawOrdinalLineChart('#ordinal-line-chart');
86 drawOrdinalWithBreaks('#ordinal-with-breaks');
87 drawOrdinalWithNegative('#ordinal-with-negative');
88 drawTimeSeriesChart('#time-series-chart');
89 }
90
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698