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

Side by Side Diff: packages/charted/examples/charts/components/demo_chartstate.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 "package:charted/core/utils.dart";
7 import "../demo_charts.dart";
8
9 void drawSimpleBarChart(String selector, ChartState state) {
10 var wrapper = document.querySelector(selector),
11 areaHost = wrapper.querySelector('.chart-host');
12
13 var series = new ChartSeries("one", [2, 3], new BarChartRenderer()),
14 config = new ChartConfig([series], [0]),
15 data = new ChartData(ORDINAL_DATA_COLUMNS, ORDINAL_DATA);
16
17 var area = new CartesianArea(areaHost, data, config, state: state);
18
19 createDefaultCartesianBehaviors().forEach((behavior) {
20 area.addChartBehavior(behavior);
21 });
22 area.draw();
23 }
24
25 void drawHorizontalBarChart(String selector, ChartState state) {
26 var wrapper = document.querySelector(selector),
27 areaHost = wrapper.querySelector('.chart-host');
28
29 var series = new ChartSeries("one", [2, 3], new BarChartRenderer()),
30 config = new ChartConfig([series], [0])
31 ..isLeftAxisPrimary = true,
32 data = new ChartData(ORDINAL_DATA_COLUMNS, ORDINAL_DATA);
33
34 var area = new CartesianArea(areaHost, data, config, state: state);
35
36 createDefaultCartesianBehaviors().forEach((behavior) {
37 area.addChartBehavior(behavior);
38 });
39 area.draw();
40 }
41
42 main() {
43 ChartState singleSelectionState = new ChartState();
44 drawSimpleBarChart('#simple-bar-chart', singleSelectionState);
45 drawHorizontalBarChart('#horizontal-bar-chart', singleSelectionState);
46
47 document.getElementById('hover').onMouseOver.listen(
48 (_) => singleSelectionState.hovered = new Pair(2, 2));
49 document.getElementById('hover').onMouseOut.listen(
50 (_) => singleSelectionState.hovered = null);
51
52 document.getElementById('highlight').onMouseOver.listen(
53 (_) => singleSelectionState.highlight(2, 2));
54 document.getElementById('highlight').onMouseOut.listen(
55 (_) => singleSelectionState.unhighlight(2, 2));
56
57 document.getElementById('preview').onMouseOver.listen(
58 (_) => singleSelectionState.preview = 2);
59 document.getElementById('preview').onMouseOut.listen(
60 (_) => singleSelectionState.preview = null);
61
62 document.getElementById('select').onMouseOver.listen(
63 (_) => singleSelectionState.select(2));
64 document.getElementById('select').onMouseOut.listen(
65 (_) => singleSelectionState.unselect(2));
66 }
67
OLDNEW
« no previous file with comments | « packages/charted/charted-demo-screenshot.png ('k') | packages/charted/examples/charts/components/demo_chartstate.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698