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

Side by Side Diff: packages/charted/examples/charts/renderers/demo_bar_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.bar_charts;
3
4 import "dart:html";
5 import "package:charted/charts/charts.dart";
6 import "../demo_charts.dart";
7
8 void drawSimpleBarChart(String selector, bool grouped) {
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(
14 "one", grouped ? [2, 3] : [2], new BarChartRenderer()),
15 config = new ChartConfig([series], [0])
16 ..legend = new ChartLegend(legendHost),
17 data = new ChartData(ORDINAL_DATA_COLUMNS, ORDINAL_DATA),
18 state = new ChartState();
19
20 var area = new CartesianArea(areaHost, data, config, state: state);
21
22 createDefaultCartesianBehaviors().forEach((behavior) {
23 area.addChartBehavior(behavior);
24 });
25 area.draw();
26 }
27
28 void drawHorizontalBarChart(String selector, bool grouped) {
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(
34 "one", grouped ? [2, 3] : [2], new BarChartRenderer()),
35 config = new ChartConfig([series], [0])
36 ..legend = new ChartLegend(legendHost)
37 ..isLeftAxisPrimary = true,
38 data = new ChartData(ORDINAL_DATA_COLUMNS, ORDINAL_DATA),
39 state = new ChartState();
40
41 var area = new CartesianArea(areaHost, data, config, state: state);
42
43 createDefaultCartesianBehaviors().forEach((behavior) {
44 area.addChartBehavior(behavior);
45 });
46 area.draw();
47 }
48
49 void drawChartWithNegativeNumbers(String selector, bool grouped) {
50 var wrapper = document.querySelector(selector),
51 areaHost = wrapper.querySelector('.chart-host'),
52 legendHost = wrapper.querySelector('.chart-legend-host');
53
54 var series = new ChartSeries(
55 "one", grouped ? [2, 3] : [2], new BarChartRenderer()),
56 config = new ChartConfig([series], [0])
57 ..legend = new ChartLegend(legendHost),
58 data = new ChartData(ORDINAL_DATA_COLUMNS, ORDINAL_DATA_WITH_NEGATIVE),
59 state = new ChartState();
60
61 var area = new CartesianArea(areaHost, data, config, state: state);
62
63 createDefaultCartesianBehaviors().forEach((behavior) {
64 area.addChartBehavior(behavior);
65 });
66 area.draw();
67 }
68
69 void drawHorizontalChartWithNegativeNumbers(String selector, bool grouped) {
70 var wrapper = document.querySelector(selector),
71 areaHost = wrapper.querySelector('.chart-host'),
72 legendHost = wrapper.querySelector('.chart-legend-host');
73
74 var series = new ChartSeries(
75 "one", grouped ? [2, 3] : [2], new BarChartRenderer()),
76 config = new ChartConfig([series], [0])
77 ..legend = new ChartLegend(legendHost)
78 ..isLeftAxisPrimary = true,
79 data = new ChartData(ORDINAL_DATA_COLUMNS, ORDINAL_DATA_WITH_NEGATIVE),
80 state = new ChartState();
81
82 var area = new CartesianArea(areaHost, data, config, state: state);
83
84 createDefaultCartesianBehaviors().forEach((behavior) {
85 area.addChartBehavior(behavior);
86 });
87 area.draw();
88 }
89
90 main() {
91 drawSimpleBarChart('#simple-bar-chart', false);
92 drawHorizontalBarChart('#horizontal-bar-chart', false);
93 drawChartWithNegativeNumbers('#simple-with-negative-numbers', false);
94 drawHorizontalChartWithNegativeNumbers(
95 '#horizontal-with-negative-numbers', false);
96
97 drawSimpleBarChart('#grouped-bar-chart', true);
98 drawHorizontalBarChart('#horizontal-grouped-bar-chart', true);
99 drawChartWithNegativeNumbers('#grouped-with-negative-numbers', true);
100 drawHorizontalChartWithNegativeNumbers(
101 '#horizontal-grouped-with-negative-numbers', true);
102 }
103
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698