Index: packages/charted/examples/charts/components/demo_custom_axis.dart |
diff --git a/packages/charted/examples/charts/components/demo_custom_axis.dart b/packages/charted/examples/charts/components/demo_custom_axis.dart |
new file mode 100644 |
index 0000000000000000000000000000000000000000..0d1f6a77f9f1a5647b45b2d39894bf79cb72a5ab |
--- /dev/null |
+++ b/packages/charted/examples/charts/components/demo_custom_axis.dart |
@@ -0,0 +1,83 @@ |
+/* |
+ * Copyright 2014 Google Inc. All rights reserved. |
+ * |
+ * Use of this source code is governed by a BSD-style |
+ * license that can be found in the LICENSE file or at |
+ * https://developers.google.com/open-source/licenses/bsd |
+ */ |
+ |
+library charted.demo.charts.custom_axis; |
+ |
+import 'dart:html'; |
+import 'package:charted/charts/charts.dart'; |
+import 'package:charted/core/scales.dart'; |
+ |
+List COLUMNS = [ |
+ new ChartColumnSpec(label:'Month', type:ChartColumnSpec.TYPE_STRING), |
+ new ChartColumnSpec(label:'Precipitation'), |
+ new ChartColumnSpec(label:'High Temperature'), |
+ new ChartColumnSpec(label:'Low Temperature'), |
+ new ChartColumnSpec(label:'Random'), |
+ new ChartColumnSpec(label:'Extra1'), |
+ new ChartColumnSpec(label:'Extra2'), |
+ new ChartColumnSpec(label:'Extra3'), |
+ ]; |
+ |
+List DATA = [ |
+ ['January', 4.50, 27, 46, 1, 20, 23, 1], |
+ ['February', 4.61, 60, 28, 10, 15, 45, 23], |
+ ['March', 3.26, 32, 49, 100, 4, 34, 1], |
+ ['April', 1.46, 63, 49, 30, 34, 89, 3] |
+ ]; |
+ |
+main() { |
+ // Default Chart |
+ var series1 = new ChartSeries("one", [1, 3, 2, 6], |
+ new StackedBarChartRenderer()), |
+ data = new ChartData(COLUMNS, DATA), |
+ config = new ChartConfig([series1], [0]), |
+ area = new CartesianArea(querySelector('.default'), |
+ data, config, autoUpdate:false, useTwoDimensionAxes:false); |
+ area.draw(); |
+ |
+ // Chart with custom measure axis with specific domain on the scale. |
+ var series2 = new ChartSeries("one", [1, 3, 2, 6], |
+ new StackedBarChartRenderer(), |
+ // measureAxisId matches the id later used in registerMeasureAxis(). |
+ measureAxisIds: ['fixed_domain']), |
+ data2 = new ChartData(COLUMNS, DATA), |
+ config2 = new ChartConfig([series2], [0]); |
+ |
+ // Add custom scale and axis config. |
+ var scale = new LinearScale(); |
+ scale.domain = [0, 1000]; |
+ var axisConfig = new ChartAxisConfig(); |
+ axisConfig.title = 'Axis title'; |
+ axisConfig.scale = scale; |
+ |
+ config2.registerMeasureAxis('fixed_domain', axisConfig); |
+ var customAxisChart = new CartesianArea(querySelector('.custom-domain'), |
+ data2, config2, autoUpdate:false, useTwoDimensionAxes:false); |
+ customAxisChart.draw(); |
+ |
+ // Chart with custom measure axis with specific tick values. |
+ var series3 = new ChartSeries("one", [1, 3, 2, 6], |
+ new StackedBarChartRenderer(), |
+ // measureAxisId matches the id later used in registerMeasureAxis(). |
+ measureAxisIds: ['fixed_ticks']), |
+ data3 = new ChartData(COLUMNS, DATA), |
+ config3 = new ChartConfig([series3], [0]); |
+ |
+ // Add custom scale and axis config. |
+ var scale2 = new LinearScale(); |
+ scale2.domain = [0, 300]; |
+ var axisConfig2 = new ChartAxisConfig(); |
+ axisConfig2.title = 'Axis title'; |
+ axisConfig2.scale = scale2; |
+ axisConfig2.tickValues = [0, 25, 50, 230, 250]; |
+ |
+ config3.registerMeasureAxis('fixed_ticks', axisConfig2); |
+ var fixedTickValueChart = new CartesianArea(querySelector('.custom-ticks'), |
+ data3, config3, autoUpdate:false, useTwoDimensionAxes:false); |
+ fixedTickValueChart.draw(); |
+} |