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

Unified 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 side-by-side diff with in-line comments
Download patch
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);
+}
+

Powered by Google App Engine
This is Rietveld 408576698