-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathog-production-chart.html
76 lines (68 loc) · 21.6 KB
/
og-production-chart.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
<!--
Relative paths assume component is being run from inside an app or another component, where dependencies are flat
siblings. When this component is run from its own repo (e.g. tests, examples), we assume the server is started with
'gulp serve' (or similar server setup) to enable correct finding of bower dependencies for local runs.
-->
<link rel="import" href="../polymer/polymer.html"/>
<link rel="import" href="../px-tabs/px-tabs.html"/>
<link rel="import" href="../iron-pages/iron-pages.html"/>
<link rel="import" href="production-chart.html"/>
<link rel="import" href="../px-d3-imports/px-d3-imports.html"/>
<link rel="import" href="css/og-production-chart-styles.html">
<!--
REPLACE THIS TEXT WITH A COMPONENT DESCRIPTION
### Usage
<og-production-chart
unit="Metric ton/day"
width="960"
height="300"
legend-labels='["Actual","Target","Forecast","Design"]'
labels='["All","Train 1","Train 2"]'
date-range='{"from":"2016-04-03T03:37:25.000Z","to":"2018-05-26T03:37:25.000Z"}'
chart-types='["line","area","line"]'
axis-configs='[{"x":{"tickFormat":"","inputTimeFormat":"%Y-%m-%dT%H:%M:%S.%LZ","tickTimeFormat":"%d %b %y","forecastLabel":"Forecast after applying Scenario 3"},"y":{"tickFormat":".3s","hideGrid":true,"dotRadius":0,"start":660,"series":{"design":{"color":"rgba(237, 221, 70, 0.7)","dashArray":"5,5"},"actual":{"color":"#5fbcf8"},"target":{"color":"#f05c56"},"forecast":{"color":"rgba(164, 117, 237, 0.8)"}}}},null,null]'
data='[[{"actual":761.53,"design":770,"target":761,"forecast":0,"date":"2017-07-17T16:00:00.000Z"},{"actual":768.65,"design":770,"target":761,"forecast":0,"date":"2017-07-18T16:00:00.000Z"},{"actual":762.44,"design":770,"target":761,"forecast":0,"date":"2017-07-19T16:00:00.000Z"},{"actual":755.25,"design":770,"target":761,"forecast":0,"date":"2017-07-20T16:00:00.000Z"},{"actual":755.25,"design":770,"target":761,"forecast":0,"date":"2017-07-21T16:00:00.000Z"},{"actual":762.64,"design":770,"target":761,"forecast":0,"date":"2017-07-22T16:00:00.000Z"},{"actual":768.65,"design":770,"target":761,"forecast":0,"date":"2017-07-23T16:00:00.000Z"},{"actual":768.65,"design":770,"target":761,"forecast":0,"date":"2017-07-24T16:00:00.000Z"},{"actual":768.65,"design":770,"target":761,"forecast":0,"date":"2017-07-25T16:00:00.000Z"},{"actual":768.65,"design":770,"target":761,"forecast":0,"date":"2017-07-26T16:00:00.000Z"},{"actual":762,"design":770,"target":761,"forecast":0,"date":"2017-07-27T16:00:00.000Z"},{"actual":754.94,"design":770,"target":761,"forecast":0,"date":"2017-07-28T16:00:00.000Z"},{"actual":761.5,"design":770,"target":761,"forecast":0,"date":"2017-07-29T16:00:00.000Z"},{"actual":754.58,"design":770,"target":761,"forecast":0,"date":"2017-07-30T16:00:00.000Z"},{"actual":768.65,"design":770,"target":761,"forecast":0,"date":"2017-07-31T16:00:00.000Z"},{"actual":768.65,"design":770,"target":761,"forecast":0,"date":"2017-08-01T16:00:00.000Z"},{"actual":768.65,"design":770,"target":761,"forecast":0,"date":"2017-08-02T16:00:00.000Z"},{"actual":762.21,"design":770,"target":761,"forecast":0,"date":"2017-08-03T16:00:00.000Z"},{"actual":756.29,"design":770,"target":761,"forecast":0,"date":"2017-08-04T16:00:00.000Z"},{"actual":737.28,"design":770,"target":761,"forecast":0,"date":"2017-08-05T16:00:00.000Z"},{"actual":756.33,"design":770,"target":761,"forecast":0,"date":"2017-08-06T16:00:00.000Z"},{"actual":756.33,"design":770,"target":761,"forecast":0,"date":"2017-08-07T16:00:00.000Z"},{"actual":738.21,"design":770,"target":761,"forecast":0,"date":"2017-08-08T16:00:00.000Z"},{"actual":761.42,"design":770,"target":761,"forecast":0,"date":"2017-08-09T16:00:00.000Z"},{"actual":768.65,"design":770,"target":761,"forecast":0,"date":"2017-08-10T16:00:00.000Z"},{"actual":768.65,"design":770,"target":761,"forecast":0,"date":"2017-08-11T16:00:00.000Z"},{"actual":768.65,"design":770,"target":761,"forecast":0,"date":"2017-08-12T16:00:00.000Z"},{"actual":768.65,"design":770,"target":761,"forecast":0,"date":"2017-08-13T16:00:00.000Z"},{"actual":768.65,"design":770,"target":761,"forecast":0,"date":"2017-08-14T16:00:00.000Z"},{"actual":762.69,"design":770,"target":761,"forecast":0,"date":"2017-08-15T16:00:00.000Z"},{"actual":762.69,"design":770,"target":761,"forecast":0,"date":"2017-08-16T16:00:00.000Z"},{"actual":761.51,"design":770,"target":761,"forecast":0,"date":"2017-08-17T16:00:00.000Z"},{"actual":750.28,"design":770,"target":761,"forecast":0,"date":"2017-08-18T16:00:00.000Z"},{"actual":768.65,"design":770,"target":761,"forecast":0,"date":"2017-08-19T16:00:00.000Z"},{"actual":768.65,"design":770,"target":761,"forecast":0,"date":"2017-08-20T16:00:00.000Z"},{"actual":768.65,"design":770,"target":761,"forecast":0,"date":"2017-08-21T16:00:00.000Z"},{"actual":768.65,"design":770,"target":761,"forecast":0,"date":"2017-08-22T16:00:00.000Z"},{"actual":768.65,"design":770,"target":761,"forecast":0,"date":"2017-08-23T16:00:00.000Z"},{"actual":768.65,"design":770,"target":761,"forecast":0,"date":"2017-08-24T16:00:00.000Z"},{"actual":768.65,"design":770,"target":761,"forecast":0,"date":"2017-08-25T16:00:00.000Z"},{"actual":768.65,"design":770,"target":761,"forecast":0,"date":"2017-08-26T16:00:00.000Z"},{"actual":761.27,"design":770,"target":761,"forecast":0,"date":"2017-08-27T16:00:00.000Z"},{"actual":755.3,"design":770,"target":761,"forecast":0,"date":"2017-08-28T16:00:00.000Z"},{"actual":749.11,"design":770,"target":761,"forecast":0,"date":"2017-08-29T16:00:00.000Z"},{"actual":738.85,"design":770,"target":761,"forecast":0,"date":"2017-08-30T16:00:00.000Z"},{"actual":756.08,"design":770,"target":761,"forecast":0,"date":"2017-08-31T16:00:00.000Z"},{"actual":756.9,"design":770,"target":761,"forecast":0,"date":"2017-09-01T16:00:00.000Z"},{"actual":738.49,"design":770,"target":761,"forecast":0,"date":"2017-09-02T16:00:00.000Z"},{"actual":732.26,"design":770,"target":761,"forecast":0,"date":"2017-09-03T16:00:00.000Z"},{"actual":761.4,"design":770,"target":761,"forecast":0,"date":"2017-09-04T16:00:00.000Z"},{"actual":768.65,"design":770,"target":761,"forecast":0,"date":"2017-09-05T16:00:00.000Z"},{"actual":762.02,"design":770,"target":761,"forecast":0,"date":"2017-09-06T16:00:00.000Z"},{"actual":762.02,"design":770,"target":761,"forecast":0,"date":"2017-09-07T16:00:00.000Z"},{"actual":762.83,"design":770,"target":761,"forecast":0,"date":"2017-09-08T16:00:00.000Z"},{"actual":755.56,"design":770,"target":761,"forecast":0,"date":"2017-09-09T16:00:00.000Z"},{"actual":755.56,"design":770,"target":761,"forecast":0,"date":"2017-09-10T16:00:00.000Z"},{"actual":755.74,"design":770,"target":761,"forecast":0,"date":"2017-09-11T16:00:00.000Z"},{"actual":768.65,"design":770,"target":761,"forecast":0,"date":"2017-09-12T16:00:00.000Z"},{"actual":762.44,"design":770,"target":761,"forecast":0,"date":"2017-09-13T16:00:00.000Z"},{"actual":762.44,"design":770,"target":740,"forecast":0,"date":"2017-09-14T16:00:00.000Z"},{"actual":755.1,"design":770,"target":740,"forecast":0,"date":"2017-09-15T16:00:00.000Z"},{"actual":762.37,"design":770,"target":740,"forecast":0,"date":"2017-09-16T16:00:00.000Z"},{"actual":749.64,"design":770,"target":740,"forecast":0,"date":"2017-09-17T16:00:00.000Z"},{"actual":724.05,"design":770,"target":740,"forecast":0,"date":"2017-09-18T16:00:00.000Z"},{"actual":738.06,"design":770,"target":740,"forecast":0,"date":"2017-09-19T16:00:00.000Z"},{"actual":738.06,"design":770,"target":740,"forecast":0,"date":"2017-09-20T16:00:00.000Z"},{"actual":755.07,"design":770,"target":740,"forecast":0,"date":"2017-09-21T16:00:00.000Z"},{"actual":755.07,"design":770,"target":740,"forecast":0,"date":"2017-09-22T16:00:00.000Z"},{"actual":755.07,"design":770,"target":740,"forecast":0,"date":"2017-09-23T16:00:00.000Z"},{"actual":761.88,"design":770,"target":740,"forecast":0,"date":"2017-09-24T16:00:00.000Z"},{"actual":749.51,"design":770,"target":740,"forecast":0,"date":"2017-09-25T16:00:00.000Z"},{"actual":730.24,"design":770,"target":740,"forecast":0,"date":"2017-09-26T16:00:00.000Z"},{"actual":718.27,"design":770,"target":740,"forecast":0,"date":"2017-09-27T16:00:00.000Z"},{"actual":719.08,"design":770,"target":740,"forecast":0,"date":"2017-09-28T16:00:00.000Z"},{"actual":738.16,"design":770,"target":740,"forecast":0,"date":"2017-09-29T16:00:00.000Z"},{"actual":731.6,"design":770,"target":740,"forecast":0,"date":"2017-09-30T16:00:00.000Z"},{"actual":719.31,"design":770,"target":740,"forecast":0,"date":"2017-10-01T16:00:00.000Z"},{"actual":731.49,"design":770,"target":740,"forecast":0,"date":"2017-10-02T16:00:00.000Z"},{"actual":712.28,"design":770,"target":740,"forecast":0,"date":"2017-10-03T16:00:00.000Z"},{"actual":720.41,"design":770,"target":740,"forecast":0,"date":"2017-10-04T16:00:00.000Z"},{"actual":750.48,"design":770,"target":740,"forecast":0,"date":"2017-10-05T16:00:00.000Z"},{"actual":755.67,"design":770,"target":740,"forecast":0,"date":"2017-10-06T16:00:00.000Z"},{"actual":738.69,"design":770,"target":740,"forecast":0,"date":"2017-10-07T16:00:00.000Z"},{"actual":738.69,"design":770,"target":740,"forecast":0,"date":"2017-10-08T16:00:00.000Z"},{"actual":738.69,"design":770,"target":740,"forecast":0,"date":"2017-10-09T16:00:00.000Z"},{"actual":738.69,"design":770,"target":740,"forecast":0,"date":"2017-10-10T16:00:00.000Z"},{"actual":738.69,"design":770,"target":740,"forecast":0,"date":"2017-10-11T16:00:00.000Z"},{"actual":731.54,"design":770,"target":740,"forecast":0,"date":"2017-10-12T16:00:00.000Z"},{"actual":718.89,"design":770,"target":740,"forecast":0,"date":"2017-10-13T16:00:00.000Z"},{"actual":725.54,"design":770,"target":740,"forecast":725.54,"date":"2017-10-14T16:00:00.000Z"},{"actual":0,"design":704,"target":705.71,"forecast":706.7240146,"date":"2017-10-15T16:00:00.000Z"},{"actual":0,"design":704,"target":705.71,"forecast":706.7240146,"date":"2017-10-16T16:00:00.000Z"},{"actual":0,"design":704,"target":705.71,"forecast":706.7240146,"date":"2017-10-17T16:00:00.000Z"},{"actual":0,"design":704,"target":705.71,"forecast":706.7240146,"date":"2017-10-18T16:00:00.000Z"},{"actual":0,"design":704,"target":705.71,"forecast":706.7240146,"date":"2017-10-19T16:00:00.000Z"},{"actual":0,"design":704,"target":705.71,"forecast":706.7240146,"date":"2017-10-20T16:00:00.000Z"},{"actual":0,"design":704,"target":705.71,"forecast":706.7240146,"date":"2017-10-21T16:00:00.000Z"},{"actual":0,"design":704,"target":705.71,"forecast":706.7240146,"date":"2017-10-22T16:00:00.000Z"},{"actual":0,"design":704,"target":705.71,"forecast":705.8139188,"date":"2017-10-23T16:00:00.000Z"},{"actual":0,"design":704,"target":705.71,"forecast":705.8139188,"date":"2017-10-24T16:00:00.000Z"},{"actual":0,"design":704,"target":705.71,"forecast":705.8139188,"date":"2017-10-25T16:00:00.000Z"},{"actual":0,"design":704,"target":705.71,"forecast":705.8139188,"date":"2017-10-26T16:00:00.000Z"},{"actual":0,"design":704,"target":705.71,"forecast":705.8139188,"date":"2017-10-27T16:00:00.000Z"},{"actual":0,"design":704,"target":705.71,"forecast":705.8139188,"date":"2017-10-28T16:00:00.000Z"},{"actual":0,"design":704,"target":705.71,"forecast":705.8139188,"date":"2017-10-29T16:00:00.000Z"},{"actual":0,"design":704,"target":705.71,"forecast":705.1451951,"date":"2017-10-30T16:00:00.000Z"},{"actual":0,"design":704,"target":705.71,"forecast":705.1451951,"date":"2017-10-31T16:00:00.000Z"},{"actual":0,"design":704,"target":705.71,"forecast":705.1451951,"date":"2017-11-01T16:00:00.000Z"},{"actual":0,"design":704,"target":705.71,"forecast":705.1451951,"date":"2017-11-02T16:00:00.000Z"},{"actual":0,"design":704,"target":705.71,"forecast":705.1451951,"date":"2017-11-03T16:00:00.000Z"},{"actual":0,"design":704,"target":705.71,"forecast":704.5770467,"date":"2017-11-04T16:00:00.000Z"},{"actual":0,"design":704,"target":705.71,"forecast":704.5770467,"date":"2017-11-05T16:00:00.000Z"},{"actual":0,"design":704,"target":705.71,"forecast":704.5770467,"date":"2017-11-06T16:00:00.000Z"},{"actual":0,"design":704,"target":705.71,"forecast":704.5770467,"date":"2017-11-07T16:00:00.000Z"},{"actual":0,"design":704,"target":705.71,"forecast":704.5770467,"date":"2017-11-08T16:00:00.000Z"},{"actual":0,"design":704,"target":705.71,"forecast":703.9832999,"date":"2017-11-09T16:00:00.000Z"},{"actual":0,"design":704,"target":705.71,"forecast":703.9832999,"date":"2017-11-10T16:00:00.000Z"},{"actual":0,"design":704,"target":705.71,"forecast":703.9832999,"date":"2017-11-11T16:00:00.000Z"},{"actual":0,"design":704,"target":705.71,"forecast":703.9832999,"date":"2017-11-12T16:00:00.000Z"},{"actual":0,"design":704,"target":705.71,"forecast":703.9832999,"date":"2017-11-13T16:00:00.000Z"},{"actual":0,"design":704,"target":668.36,"forecast":665.4409952,"date":"2017-11-14T16:00:00.000Z"},{"actual":0,"design":704,"target":668.36,"forecast":665.4409952,"date":"2017-11-15T16:00:00.000Z"},{"actual":0,"design":704,"target":668.36,"forecast":664.7576632,"date":"2017-11-16T16:00:00.000Z"},{"actual":0,"design":704,"target":668.36,"forecast":664.7576632,"date":"2017-11-17T16:00:00.000Z"},{"actual":0,"design":704,"target":668.36,"forecast":664.7576632,"date":"2017-11-18T16:00:00.000Z"},{"actual":0,"design":704,"target":668.36,"forecast":664.7576632,"date":"2017-11-19T16:00:00.000Z"},{"actual":0,"design":704,"target":668.36,"forecast":664.7576632,"date":"2017-11-20T16:00:00.000Z"},{"actual":0,"design":704,"target":668.36,"forecast":664.1315985,"date":"2017-11-21T16:00:00.000Z"},{"actual":0,"design":704,"target":668.36,"forecast":664.1315985,"date":"2017-11-22T16:00:00.000Z"},{"actual":0,"design":704,"target":668.36,"forecast":664.1315985,"date":"2017-11-23T16:00:00.000Z"},{"actual":0,"design":704,"target":668.36,"forecast":661.0131882,"date":"2017-11-24T16:00:00.000Z"},{"actual":0,"design":704,"target":668.36,"forecast":661.0131882,"date":"2017-11-25T16:00:00.000Z"},{"actual":0,"design":704,"target":668.36,"forecast":661.0131882,"date":"2017-11-26T16:00:00.000Z"},{"actual":0,"design":704,"target":668.36,"forecast":661.0131882,"date":"2017-11-27T16:00:00.000Z"},{"actual":0,"design":704,"target":668.36,"forecast":661.0131882,"date":"2017-11-28T16:00:00.000Z"},{"actual":0,"design":704,"target":668.36,"forecast":659.9979799,"date":"2017-11-29T16:00:00.000Z"},{"actual":0,"design":704,"target":668.36,"forecast":659.9979799,"date":"2017-11-30T16:00:00.000Z"},{"actual":0,"design":704,"target":668.36,"forecast":659.9979799,"date":"2017-12-01T16:00:00.000Z"},{"actual":0,"design":704,"target":668.36,"forecast":659.9979799,"date":"2017-12-02T16:00:00.000Z"},{"actual":0,"design":704,"target":668.36,"forecast":659.9979799,"date":"2017-12-03T16:00:00.000Z"},{"actual":0,"design":704,"target":668.36,"forecast":659.9979799,"date":"2017-12-04T16:00:00.000Z"},{"actual":0,"design":704,"target":668.36,"forecast":659.9979799,"date":"2017-12-05T16:00:00.000Z"},{"actual":0,"design":704,"target":668.36,"forecast":659.9979799,"date":"2017-12-06T16:00:00.000Z"},{"actual":0,"design":704,"target":668.36,"forecast":659.9979799,"date":"2017-12-07T16:00:00.000Z"},{"actual":0,"design":704,"target":668.36,"forecast":659.9979799,"date":"2017-12-08T16:00:00.000Z"},{"actual":0,"design":704,"target":668.36,"forecast":659.3083831,"date":"2017-12-09T16:00:00.000Z"},{"actual":0,"design":704,"target":668.36,"forecast":659.3083831,"date":"2017-12-10T16:00:00.000Z"},{"actual":0,"design":704,"target":668.36,"forecast":659.3083831,"date":"2017-12-11T16:00:00.000Z"},{"actual":0,"design":704,"target":668.36,"forecast":659.3083831,"date":"2017-12-12T16:00:00.000Z"},{"actual":0,"design":704,"target":668.36,"forecast":659.3083831,"date":"2017-12-13T16:00:00.000Z"},{"actual":0,"design":704,"target":668.36,"forecast":659.3083831,"date":"2017-12-14T16:00:00.000Z"},{"actual":0,"design":704,"target":690.95,"forecast":679.3213864,"date":"2017-12-15T16:00:00.000Z"},{"actual":0,"design":704,"target":690.95,"forecast":679.3213864,"date":"2017-12-16T16:00:00.000Z"},{"actual":0,"design":704,"target":690.95,"forecast":678.6144213,"date":"2017-12-17T16:00:00.000Z"},{"actual":0,"design":704,"target":690.95,"forecast":678.6144213,"date":"2017-12-18T16:00:00.000Z"},{"actual":0,"design":704,"target":690.95,"forecast":678.6144213,"date":"2017-12-19T16:00:00.000Z"},{"actual":0,"design":704,"target":690.95,"forecast":678.6144213,"date":"2017-12-20T16:00:00.000Z"},{"actual":0,"design":704,"target":690.95,"forecast":678.6144213,"date":"2017-12-21T16:00:00.000Z"},{"actual":0,"design":704,"target":690.95,"forecast":677.992834,"date":"2017-12-22T16:00:00.000Z"},{"actual":0,"design":704,"target":690.95,"forecast":677.992834,"date":"2017-12-23T16:00:00.000Z"},{"actual":0,"design":704,"target":690.95,"forecast":677.992834,"date":"2017-12-24T16:00:00.000Z"},{"actual":0,"design":704,"target":690.95,"forecast":677.992834,"date":"2017-12-25T16:00:00.000Z"},{"actual":0,"design":704,"target":690.95,"forecast":677.992834,"date":"2017-12-26T16:00:00.000Z"},{"actual":0,"design":704,"target":690.95,"forecast":677.992834,"date":"2017-12-27T16:00:00.000Z"},{"actual":0,"design":704,"target":690.95,"forecast":677.4015762,"date":"2017-12-28T16:00:00.000Z"},{"actual":0,"design":704,"target":690.95,"forecast":677.4015762,"date":"2017-12-29T16:00:00.000Z"},{"actual":0,"design":704,"target":690.95,"forecast":677.4015762,"date":"2017-12-30T16:00:00.000Z"},{"actual":0,"design":704,"target":690.95,"forecast":677.4015762,"date":"2017-12-31T16:00:00.000Z"},{"actual":0,"design":704,"target":690.95,"forecast":677.4015762,"date":"2018-01-01T16:00:00.000Z"},{"actual":0,"design":704,"target":690.95,"forecast":677.4015762,"date":"2018-01-02T16:00:00.000Z"},{"actual":0,"design":704,"target":690.95,"forecast":677.0642504,"date":"2018-01-03T16:00:00.000Z"},{"actual":0,"design":704,"target":690.95,"forecast":677.0642504,"date":"2018-01-04T16:00:00.000Z"},{"actual":0,"design":704,"target":690.95,"forecast":677.0642504,"date":"2018-01-05T16:00:00.000Z"},{"actual":0,"design":704,"target":690.95,"forecast":677.0642504,"date":"2018-01-06T16:00:00.000Z"},{"actual":0,"design":704,"target":690.95,"forecast":677.0642504,"date":"2018-01-07T16:00:00.000Z"},{"actual":0,"design":704,"target":690.95,"forecast":677.0642504,"date":"2018-01-08T16:00:00.000Z"},{"actual":0,"design":704,"target":690.95,"forecast":677.0642504,"date":"2018-01-09T16:00:00.000Z"},{"actual":0,"design":704,"target":690.95,"forecast":677.0642504,"date":"2018-01-10T16:00:00.000Z"},{"actual":0,"design":704,"target":690.95,"forecast":677.0642504,"date":"2018-01-11T16:00:00.000Z"},{"actual":0,"design":704,"target":690.95,"forecast":677.0642504,"date":"2018-01-12T16:00:00.000Z"},{"actual":0,"design":704,"target":690.95,"forecast":677.0642504,"date":"2018-01-13T16:00:00.000Z"}],[{"date":"2017-04-24T16:00:00.000Z","actual":12960,"target":12950,"forecast":0,"design":13960},{"date":"2017-04-25T16:00:00.000Z","actual":12889,"target":11938,"forecast":0,"design":13960},{"date":"2017-04-26T16:00:00.000Z","actual":11897,"target":12959,"forecast":0,"design":13960},{"date":"2017-04-27T16:00:00.000Z","actual":13905,"target":11906,"forecast":0,"design":13960},{"date":"2017-04-28T16:00:00.000Z","actual":13882,"target":11950,"forecast":0,"design":13960},{"date":"2017-04-29T16:00:00.000Z","actual":13944,"target":13906,"forecast":13944,"design":13960},{"date":"2017-04-30T16:00:00.000Z","actual":13954,"target":12913,"forecast":12950,"design":13960},{"date":"2017-05-01T16:00:00.000Z","actual":12928,"target":12454,"forecast":11950,"design":13960}],[{"date":"2017-04-24T16:00:00.000Z","actual":11960,"target":12950,"forecast":0,"design":13960},{"date":"2017-04-25T16:00:00.000Z","actual":11889,"target":12938,"forecast":0,"design":13960},{"date":"2017-04-26T16:00:00.000Z","actual":11897,"target":12959,"forecast":0,"design":13960},{"date":"2017-04-27T16:00:00.000Z","actual":10905,"target":11906,"forecast":0,"design":13960},{"date":"2017-04-28T16:00:00.000Z","actual":12882,"target":10950,"forecast":0,"design":13960},{"date":"2017-04-29T16:00:00.000Z","actual":12944,"target":12906,"forecast":12944,"design":13960},{"date":"2017-04-30T16:00:00.000Z","actual":10954,"target":12913,"forecast":12950,"design":13960},{"date":"2017-05-01T16:00:00.000Z","actual":9928,"target":12954,"forecast":12950,"design":13960}]]'>
</og-production-chart>
@element og-production-chart
@blurb REPLACE THIS TEXT WITH A COMPONENT DESCRIPTION
@homepage index.html
@demo index.html
-->
<dom-module id="og-production-chart">
<template>
<style include="og-production-chart-styles"></style>
<template is="dom-if" if="{{_isMultipleData(filteredData)}}">
<px-tabs selected="{{selected}}">
<template is="dom-repeat" items="{{labels}}">
<px-tab>{{item}}</px-tab>
</template>
</px-tabs>
<iron-pages selected="{{selected}}">
<template is="dom-repeat" items="{{filteredData}}" index-as="idx">
<div class="chart-view">
<production-chart data="{{item}}" date-range="{{dateRange}}"
width="{{width}}" height="{{height}}"
legend-labels="{{legendLabels}}" date-picker="{{datePicker}}"
chart-type="{{item.chartType}}" axis-config="{{item.axisConfigs}}"
tooltip-config="[[item.tooltipConfigs]]"
unit="{{unit}}" margin="{{margin}}">
</production-chart>
</div>
</template>
</iron-pages>
</template>
<template is="dom-if" if="{{_isSingleData(filteredData)}}">
<template is="dom-repeat" items="{{filteredData}}" index-as="idx">
<div class="chart-view">
<production-chart data="{{item}}" date-range="{{dateRange}}"
width="{{width}}" height="{{height}}" date-picker="{{datePicker}}"
chart-type="{{item.chartType}}" axis-config="{{item.axisConfigs}}"
tooltip-config="[[item.tooltipConfigs]]"
legend-labels="{{legendLabels}}" unit="{{unit}}" margin="{{margin}}">
</production-chart>
</div>
</template>
</template>
</template>
</dom-module>
<script src="dist/og-production-chart.js"></script>