nvd3-rails 0.0.1 → 0.0.1.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (107) hide show
  1. checksums.yaml +15 -0
  2. data/.gitignore +3 -0
  3. data/README.md +7 -71
  4. data/lib/nvd3/rails/version.rb +1 -1
  5. data/nvd3-rails.gemspec +3 -3
  6. metadata +8 -111
  7. data/vendor/assets/javascripts/nvd3/.git.sample/HEAD +0 -1
  8. data/vendor/assets/javascripts/nvd3/.git.sample/config +0 -13
  9. data/vendor/assets/javascripts/nvd3/.git.sample/description +0 -1
  10. data/vendor/assets/javascripts/nvd3/.git.sample/hooks/applypatch-msg.sample +0 -15
  11. data/vendor/assets/javascripts/nvd3/.git.sample/hooks/commit-msg.sample +0 -24
  12. data/vendor/assets/javascripts/nvd3/.git.sample/hooks/post-update.sample +0 -8
  13. data/vendor/assets/javascripts/nvd3/.git.sample/hooks/pre-applypatch.sample +0 -14
  14. data/vendor/assets/javascripts/nvd3/.git.sample/hooks/pre-commit.sample +0 -50
  15. data/vendor/assets/javascripts/nvd3/.git.sample/hooks/pre-push.sample +0 -53
  16. data/vendor/assets/javascripts/nvd3/.git.sample/hooks/pre-rebase.sample +0 -169
  17. data/vendor/assets/javascripts/nvd3/.git.sample/hooks/prepare-commit-msg.sample +0 -36
  18. data/vendor/assets/javascripts/nvd3/.git.sample/hooks/update.sample +0 -128
  19. data/vendor/assets/javascripts/nvd3/.git.sample/index +0 -0
  20. data/vendor/assets/javascripts/nvd3/.git.sample/info/exclude +0 -6
  21. data/vendor/assets/javascripts/nvd3/.git.sample/logs/HEAD +0 -1
  22. data/vendor/assets/javascripts/nvd3/.git.sample/logs/refs/heads/master +0 -1
  23. data/vendor/assets/javascripts/nvd3/.git.sample/logs/refs/remotes/origin/HEAD +0 -1
  24. data/vendor/assets/javascripts/nvd3/.git.sample/objects/pack/pack-babbb312d58dd7f03870b530a1b9a84c80918be3.idx +0 -0
  25. data/vendor/assets/javascripts/nvd3/.git.sample/objects/pack/pack-babbb312d58dd7f03870b530a1b9a84c80918be3.pack +0 -0
  26. data/vendor/assets/javascripts/nvd3/.git.sample/packed-refs +0 -5
  27. data/vendor/assets/javascripts/nvd3/.git.sample/refs/heads/master +0 -1
  28. data/vendor/assets/javascripts/nvd3/.git.sample/refs/remotes/origin/HEAD +0 -1
  29. data/vendor/assets/javascripts/nvd3/build.bat +0 -6
  30. data/vendor/assets/javascripts/nvd3/deprecated/bar.html +0 -198
  31. data/vendor/assets/javascripts/nvd3/deprecated/bar.js +0 -250
  32. data/vendor/assets/javascripts/nvd3/deprecated/charts/cumulativeLineChart.js +0 -174
  33. data/vendor/assets/javascripts/nvd3/deprecated/charts/discreteBarChart.js +0 -157
  34. data/vendor/assets/javascripts/nvd3/deprecated/charts/lineChart.js +0 -159
  35. data/vendor/assets/javascripts/nvd3/deprecated/charts/lineChartDaily.js +0 -168
  36. data/vendor/assets/javascripts/nvd3/deprecated/charts/stackedAreaChart.js +0 -177
  37. data/vendor/assets/javascripts/nvd3/deprecated/cumulativeLine.html +0 -171
  38. data/vendor/assets/javascripts/nvd3/deprecated/cumulativeLine.js +0 -334
  39. data/vendor/assets/javascripts/nvd3/deprecated/discreteBarChartWithEnabledTooltip.html +0 -129
  40. data/vendor/assets/javascripts/nvd3/deprecated/discreteBarChartWithEnabledTooltip.js +0 -222
  41. data/vendor/assets/javascripts/nvd3/deprecated/discreteBarWithAxes.html +0 -172
  42. data/vendor/assets/javascripts/nvd3/deprecated/discreteBarWithAxes.js +0 -152
  43. data/vendor/assets/javascripts/nvd3/deprecated/lineChart-old.html +0 -83
  44. data/vendor/assets/javascripts/nvd3/deprecated/lineChartDaily.html +0 -109
  45. data/vendor/assets/javascripts/nvd3/deprecated/linePlusBar.html +0 -173
  46. data/vendor/assets/javascripts/nvd3/deprecated/linePlusBar.js +0 -250
  47. data/vendor/assets/javascripts/nvd3/deprecated/lineWithFocus.html +0 -137
  48. data/vendor/assets/javascripts/nvd3/deprecated/lineWithFocus.js +0 -354
  49. data/vendor/assets/javascripts/nvd3/deprecated/lineWithFourAxes.html +0 -144
  50. data/vendor/assets/javascripts/nvd3/deprecated/lineWithFourAxes.js +0 -218
  51. data/vendor/assets/javascripts/nvd3/deprecated/lineWithLegend.html +0 -142
  52. data/vendor/assets/javascripts/nvd3/deprecated/lineWithLegend.js +0 -176
  53. data/vendor/assets/javascripts/nvd3/deprecated/monthendAxis.html +0 -99
  54. data/vendor/assets/javascripts/nvd3/deprecated/multiBarHorizontalWithLegend.html +0 -258
  55. data/vendor/assets/javascripts/nvd3/deprecated/multiBarHorizontalWithLegend.js +0 -226
  56. data/vendor/assets/javascripts/nvd3/deprecated/multiBarWithLegend.html +0 -162
  57. data/vendor/assets/javascripts/nvd3/deprecated/multiBarWithLegend.js +0 -249
  58. data/vendor/assets/javascripts/nvd3/deprecated/pie.js +0 -263
  59. data/vendor/assets/javascripts/nvd3/deprecated/scatterChart.html +0 -110
  60. data/vendor/assets/javascripts/nvd3/deprecated/scatterChart.js +0 -294
  61. data/vendor/assets/javascripts/nvd3/deprecated/scatterFisheyeChart.js +0 -418
  62. data/vendor/assets/javascripts/nvd3/deprecated/scatterWithLegend.html +0 -167
  63. data/vendor/assets/javascripts/nvd3/deprecated/scatterWithLegend.js +0 -261
  64. data/vendor/assets/javascripts/nvd3/deprecated/stackedArea.js +0 -286
  65. data/vendor/assets/javascripts/nvd3/deprecated/stackedAreaChart.html +0 -183
  66. data/vendor/assets/javascripts/nvd3/deprecated/stackedAreaChart_old.html +0 -137
  67. data/vendor/assets/javascripts/nvd3/deprecated/stackedAreaWithLegend.html +0 -222
  68. data/vendor/assets/javascripts/nvd3/deprecated/stackedAreaWithLegend.js +0 -297
  69. data/vendor/assets/javascripts/nvd3/examples/bullet.html +0 -96
  70. data/vendor/assets/javascripts/nvd3/examples/bulletChart.html +0 -94
  71. data/vendor/assets/javascripts/nvd3/examples/crossfilter.html +0 -167
  72. data/vendor/assets/javascripts/nvd3/examples/crossfilterWithDimentions.html +0 -180
  73. data/vendor/assets/javascripts/nvd3/examples/crossfilterWithTables.html +0 -288
  74. data/vendor/assets/javascripts/nvd3/examples/cumulativeLineChart.html +0 -155
  75. data/vendor/assets/javascripts/nvd3/examples/discreteBarChart.html +0 -116
  76. data/vendor/assets/javascripts/nvd3/examples/dynamicTimeSeries.html +0 -148
  77. data/vendor/assets/javascripts/nvd3/examples/historicalBar.html +0 -157
  78. data/vendor/assets/javascripts/nvd3/examples/horizon.html +0 -163
  79. data/vendor/assets/javascripts/nvd3/examples/images/grey-minus.png +0 -0
  80. data/vendor/assets/javascripts/nvd3/examples/images/grey-plus.png +0 -0
  81. data/vendor/assets/javascripts/nvd3/examples/indentedtree.html +0 -126
  82. data/vendor/assets/javascripts/nvd3/examples/legend.html +0 -75
  83. data/vendor/assets/javascripts/nvd3/examples/line.html +0 -95
  84. data/vendor/assets/javascripts/nvd3/examples/lineChart.html +0 -112
  85. data/vendor/assets/javascripts/nvd3/examples/lineChartSVGResize.html +0 -151
  86. data/vendor/assets/javascripts/nvd3/examples/linePlusBarChart.html +0 -114
  87. data/vendor/assets/javascripts/nvd3/examples/linePlusBarWithFocusChart.html +0 -128
  88. data/vendor/assets/javascripts/nvd3/examples/lineTimeSeries.html +0 -142
  89. data/vendor/assets/javascripts/nvd3/examples/lineWithFisheyeChart.html +0 -101
  90. data/vendor/assets/javascripts/nvd3/examples/lineWithFocusChart.html +0 -87
  91. data/vendor/assets/javascripts/nvd3/examples/multiBar.html +0 -92
  92. data/vendor/assets/javascripts/nvd3/examples/multiBarChart.html +0 -93
  93. data/vendor/assets/javascripts/nvd3/examples/multiBarHorizontalChart.html +0 -388
  94. data/vendor/assets/javascripts/nvd3/examples/multiChart.html +0 -93
  95. data/vendor/assets/javascripts/nvd3/examples/nations.json +0 -1
  96. data/vendor/assets/javascripts/nvd3/examples/pie.html +0 -93
  97. data/vendor/assets/javascripts/nvd3/examples/pieChart.html +0 -114
  98. data/vendor/assets/javascripts/nvd3/examples/scatter.html +0 -95
  99. data/vendor/assets/javascripts/nvd3/examples/scatterChart.html +0 -115
  100. data/vendor/assets/javascripts/nvd3/examples/scatterPlusLineChart.html +0 -116
  101. data/vendor/assets/javascripts/nvd3/examples/sparkline.html +0 -62
  102. data/vendor/assets/javascripts/nvd3/examples/sparklinePlus.html +0 -67
  103. data/vendor/assets/javascripts/nvd3/examples/stackedArea.html +0 -155
  104. data/vendor/assets/javascripts/nvd3/examples/stackedAreaChart.html +0 -245
  105. data/vendor/assets/javascripts/nvd3/examples/stream_layers.js +0 -35
  106. data/vendor/assets/javascripts/nvd3/src/models/backup/bullet.js +0 -250
  107. data/vendor/assets/javascripts/nvd3/src/models/backup/bulletChart.js +0 -349
@@ -1,112 +0,0 @@
1
- <!DOCTYPE html>
2
- <meta charset="utf-8">
3
-
4
- <link href="../src/nv.d3.css" rel="stylesheet" type="text/css">
5
-
6
- <style>
7
-
8
- body {
9
- overflow-y:scroll;
10
- }
11
-
12
- text {
13
- font: 12px sans-serif;
14
- }
15
-
16
- svg {
17
- display: block;
18
- }
19
-
20
- #chart1 svg {
21
- height: 500px;
22
- min-width: 100px;
23
- min-height: 100px;
24
- /*
25
- margin: 50px;
26
- Minimum height and width is a good idea to prevent negative SVG dimensions...
27
- For example width should be =< margin.left + margin.right + 1,
28
- of course 1 pixel for the entire chart would not be very useful, BUT should not have errors
29
- */
30
- }
31
-
32
- </style>
33
- <body>
34
-
35
- <div id="chart1">
36
- <svg style="height: 500px;"></svg>
37
- </div>
38
-
39
- <script src="../lib/d3.v2.js"></script>
40
- <script src="../nv.d3.js"></script>
41
- <script src="../src/tooltip.js"></script>
42
- <script src="../src/utils.js"></script>
43
- <script src="../src/models/legend.js"></script>
44
- <script src="../src/models/axis.js"></script>
45
- <script src="../src/models/scatter.js"></script>
46
- <script src="../src/models/line.js"></script>
47
- <script src="../src/models/lineChart.js"></script>
48
- <script>
49
-
50
-
51
-
52
-
53
- // Wrapping in nv.addGraph allows for '0 timeout render', stores rendered charts in nv.graphs, and may do more in the future... it's NOT required
54
- var chart;
55
-
56
- nv.addGraph(function() {
57
- chart = nv.models.lineChart();
58
-
59
- chart
60
- .x(function(d,i) { return i })
61
-
62
-
63
- chart.xAxis // chart sub-models (ie. xAxis, yAxis, etc) when accessed directly, return themselves, not the parent chart, so need to chain separately
64
- .tickFormat(d3.format(',.1f'));
65
-
66
- chart.yAxis
67
- .axisLabel('Voltage (v)')
68
- .tickFormat(d3.format(',.2f'));
69
-
70
- d3.select('#chart1 svg')
71
- //.datum([]) //for testing noData
72
- .datum(sinAndCos())
73
- .transition().duration(500)
74
- .call(chart);
75
-
76
- //TODO: Figure out a good way to do this automatically
77
- nv.utils.windowResize(chart.update);
78
- //nv.utils.windowResize(function() { d3.select('#chart1 svg').call(chart) });
79
-
80
- chart.dispatch.on('stateChange', function(e) { nv.log('New State:', JSON.stringify(e)); });
81
-
82
- return chart;
83
- });
84
-
85
-
86
-
87
- function sinAndCos() {
88
- var sin = [],
89
- cos = [];
90
-
91
- for (var i = 0; i < 100; i++) {
92
- sin.push({x: i, y: i % 10 == 5 ? null : Math.sin(i/10) }); //the nulls are to show how defined works
93
- cos.push({x: i, y: .5 * Math.cos(i/10)});
94
- }
95
-
96
- return [
97
- {
98
- area: true,
99
- values: sin,
100
- key: "Sine Wave",
101
- color: "#ff7f0e"
102
- },
103
- {
104
- values: cos,
105
- key: "Cosine Wave",
106
- color: "#2ca02c"
107
- }
108
- ];
109
- }
110
-
111
-
112
- </script>
@@ -1,151 +0,0 @@
1
- <!DOCTYPE html>
2
- <meta charset="utf-8">
3
-
4
- <link href="../src/nv.d3.css" rel="stylesheet" type="text/css">
5
-
6
- <style>
7
-
8
- body {
9
- overflow-y:scroll;
10
- }
11
-
12
- text {
13
- font: 12px sans-serif;
14
- }
15
-
16
- svg {
17
- display: block;
18
- }
19
-
20
- </style>
21
- <body>
22
- <div id="chartZoom">
23
- <a href="#" id="zoomIn">Zoom In</a> <a href="#" id="zoomOut">Zoom Out</a>
24
- </div>
25
-
26
- <div id="chart1">
27
- <svg></svg>
28
- </div>
29
-
30
- <script src="../lib/d3.v2.js"></script>
31
- <script src="../nv.d3.js"></script>
32
- <script src="../src/tooltip.js"></script>
33
- <script src="../src/utils.js"></script>
34
- <script src="../src/models/legend.js"></script>
35
- <script src="../src/models/axis.js"></script>
36
- <script src="../src/models/scatter.js"></script>
37
- <script src="../src/models/line.js"></script>
38
- <script src="../src/models/lineChart.js"></script>
39
- <script>
40
-
41
-
42
- nv.addGraph(function() {
43
- var chart = nv.models.lineChart();
44
- var fitScreen = false;
45
- var width = 600;
46
- var height = 300;
47
- var zoom = 1;
48
-
49
-
50
- chart.xAxis
51
- .tickFormat(d3.format(',r'));
52
-
53
- chart.yAxis
54
- .axisLabel('Voltage (v)')
55
- .tickFormat(d3.format(',.2f'));
56
-
57
- d3.select('#chart1 svg')
58
- .attr('perserveAspectRatio', 'xMinYMid')
59
- .attr('width', width)
60
- .attr('height', height)
61
- .datum(sinAndCos());
62
-
63
- setChartViewBox();
64
- resizeChart();
65
-
66
- // These resizes both do the same thing, and require recalculating the chart
67
- //nv.utils.windowResize(chart.update);
68
- //nv.utils.windowResize(function() { d3.select('#chart1 svg').call(chart) });
69
- nv.utils.windowResize(resizeChart);
70
-
71
- d3.select('#zoomIn').on('click', zoomIn);
72
- d3.select('#zoomOut').on('click', zoomOut);
73
-
74
-
75
- function setChartViewBox() {
76
- var w = width * zoom,
77
- h = height * zoom;
78
-
79
- chart
80
- .width(w)
81
- .height(h);
82
-
83
- d3.select('#chart1 svg')
84
- .attr('viewBox', '0 0 ' + w + ' ' + h)
85
- .transition().duration(500)
86
- .call(chart);
87
- }
88
-
89
- function zoomOut() {
90
- zoom += .25;
91
- setChartViewBox();
92
- }
93
-
94
- function zoomIn() {
95
- if (zoom <= .5) return;
96
- zoom -= .25;
97
- setChartViewBox();
98
- }
99
-
100
- // This resize simply sets the SVG's dimensions, without a need to recall the chart code
101
- // Resizing because of the viewbox and perserveAspectRatio settings
102
- // This scales the interior of the chart unlike the above
103
- function resizeChart() {
104
- var container = d3.select('#chart1');
105
- var svg = container.select('svg');
106
-
107
- if (fitScreen) {
108
- // resize based on container's width AND HEIGHT
109
- var windowSize = nv.utils.windowSize();
110
- svg.attr("width", windowSize.width);
111
- svg.attr("height", windowSize.height);
112
- } else {
113
- // resize based on container's width
114
- var aspect = chart.width() / chart.height();
115
- var targetWidth = parseInt(container.style('width'));
116
- svg.attr("width", targetWidth);
117
- svg.attr("height", Math.round(targetWidth / aspect));
118
- }
119
- };
120
-
121
-
122
- return chart;
123
- });
124
-
125
-
126
-
127
- function sinAndCos() {
128
- var sin = [],
129
- cos = [];
130
-
131
- for (var i = 0; i < 100; i++) {
132
- sin.push({x: i, y: Math.sin(i/10) });
133
- cos.push({x: i, y: .5 * Math.cos(i/10)});
134
- }
135
-
136
- return [
137
- {
138
- values: sin,
139
- key: "Sine Wave",
140
- color: "#ff7f0e"
141
- },
142
- {
143
- values: cos,
144
- key: "Cosine Wave",
145
- color: "#2ca02c"
146
- }
147
- ];
148
- }
149
-
150
-
151
- </script>
@@ -1,114 +0,0 @@
1
- <!DOCTYPE html>
2
- <meta charset="utf-8">
3
-
4
- <link href="../src/nv.d3.css" rel="stylesheet" type="text/css">
5
-
6
- <style>
7
-
8
- body {
9
- overflow-y:scroll;
10
- }
11
-
12
- text {
13
- font: 12px sans-serif;
14
- }
15
-
16
- #chart1 svg {
17
- height: 500px;
18
- margin: 10px;
19
- min-width: 100px;
20
- min-height: 100px;
21
- /*
22
- Minimum height and width is a good idea to prevent negative SVG dimensions...
23
- For example width should be =< margin.left + margin.right + 1,
24
- of course 1 pixel for the entire chart would not be very useful, BUT should not have errors
25
- */
26
- }
27
-
28
- </style>
29
- <body>
30
-
31
- <div id="chart1">
32
- <svg> </svg>
33
- </div>
34
-
35
- <script src="../lib/d3.v2.js"></script>
36
- <script src="../nv.d3.js"></script>
37
- <script src="../src/utils.js"></script>
38
- <script src="../src/tooltip.js"></script>
39
- <script src="../src/models/legend.js"></script>
40
- <script src="../src/models/axis.js"></script>
41
- <script src="../src/models/scatter.js"></script>
42
- <script src="../src/models/line.js"></script>
43
- <script src="../src/models/historicalBar.js"></script>
44
- <script src="../src/models/linePlusBarChart.js"></script>
45
- <script>
46
-
47
-
48
- var testdata = [
49
- {
50
- "key" : "Quantity" ,
51
- "bar": true,
52
- "values" : [ [ 1136005200000 , 1271000.0] , [ 1138683600000 , 1271000.0] , [ 1141102800000 , 1271000.0] , [ 1143781200000 , 0] , [ 1146369600000 , 0] , [ 1149048000000 , 0] , [ 1151640000000 , 0] , [ 1154318400000 , 0] , [ 1156996800000 , 0] , [ 1159588800000 , 3899486.0] , [ 1162270800000 , 3899486.0] , [ 1164862800000 , 3899486.0] , [ 1167541200000 , 3564700.0] , [ 1170219600000 , 3564700.0] , [ 1172638800000 , 3564700.0] , [ 1175313600000 , 2648493.0] , [ 1177905600000 , 2648493.0] , [ 1180584000000 , 2648493.0] , [ 1183176000000 , 2522993.0] , [ 1185854400000 , 2522993.0] , [ 1188532800000 , 2522993.0] , [ 1191124800000 , 2906501.0] , [ 1193803200000 , 2906501.0] , [ 1196398800000 , 2906501.0] , [ 1199077200000 , 2206761.0] , [ 1201755600000 , 2206761.0] , [ 1204261200000 , 2206761.0] , [ 1206936000000 , 2287726.0] , [ 1209528000000 , 2287726.0] , [ 1212206400000 , 2287726.0] , [ 1214798400000 , 2732646.0] , [ 1217476800000 , 2732646.0] , [ 1220155200000 , 2732646.0] , [ 1222747200000 , 2599196.0] , [ 1225425600000 , 2599196.0] , [ 1228021200000 , 2599196.0] , [ 1230699600000 , 1924387.0] , [ 1233378000000 , 1924387.0] , [ 1235797200000 , 1924387.0] , [ 1238472000000 , 1756311.0] , [ 1241064000000 , 1756311.0] , [ 1243742400000 , 1756311.0] , [ 1246334400000 , 1743470.0] , [ 1249012800000 , 1743470.0] , [ 1251691200000 , 1743470.0] , [ 1254283200000 , 1519010.0] , [ 1256961600000 , 1519010.0] , [ 1259557200000 , 1519010.0] , [ 1262235600000 , 1591444.0] , [ 1264914000000 , 1591444.0] , [ 1267333200000 , 1591444.0] , [ 1270008000000 , 1543784.0] , [ 1272600000000 , 1543784.0] , [ 1275278400000 , 1543784.0] , [ 1277870400000 , 1309915.0] , [ 1280548800000 , 1309915.0] , [ 1283227200000 , 1309915.0] , [ 1285819200000 , 1331875.0] , [ 1288497600000 , 1331875.0] , [ 1291093200000 , 1331875.0] , [ 1293771600000 , 1331875.0] , [ 1296450000000 , 1154695.0] , [ 1298869200000 , 1154695.0] , [ 1301544000000 , 1194025.0] , [ 1304136000000 , 1194025.0] , [ 1306814400000 , 1194025.0] , [ 1309406400000 , 1194025.0] , [ 1312084800000 , 1194025.0] , [ 1314763200000 , 1244525.0] , [ 1317355200000 , 475000.0] , [ 1320033600000 , 475000.0] , [ 1322629200000 , 475000.0] , [ 1325307600000 , 690033.0] , [ 1327986000000 , 690033.0] , [ 1330491600000 , 690033.0] , [ 1333166400000 , 514733.0] , [ 1335758400000 , 514733.0]]
53
- },
54
- {
55
- "key" : "Price" ,
56
- "values" : [ [ 1136005200000 , 71.89] , [ 1138683600000 , 75.51] , [ 1141102800000 , 68.49] , [ 1143781200000 , 62.72] , [ 1146369600000 , 70.39] , [ 1149048000000 , 59.77] , [ 1151640000000 , 57.27] , [ 1154318400000 , 67.96] , [ 1156996800000 , 67.85] , [ 1159588800000 , 76.98] , [ 1162270800000 , 81.08] , [ 1164862800000 , 91.66] , [ 1167541200000 , 84.84] , [ 1170219600000 , 85.73] , [ 1172638800000 , 84.61] , [ 1175313600000 , 92.91] , [ 1177905600000 , 99.8] , [ 1180584000000 , 121.191] , [ 1183176000000 , 122.04] , [ 1185854400000 , 131.76] , [ 1188532800000 , 138.48] , [ 1191124800000 , 153.47] , [ 1193803200000 , 189.95] , [ 1196398800000 , 182.22] , [ 1199077200000 , 198.08] , [ 1201755600000 , 135.36] , [ 1204261200000 , 125.02] , [ 1206936000000 , 143.5] , [ 1209528000000 , 173.95] , [ 1212206400000 , 188.75] , [ 1214798400000 , 167.44] , [ 1217476800000 , 158.95] , [ 1220155200000 , 169.53] , [ 1222747200000 , 113.66] , [ 1225425600000 , 107.59] , [ 1228021200000 , 92.67] , [ 1230699600000 , 85.35] , [ 1233378000000 , 90.13] , [ 1235797200000 , 89.31] , [ 1238472000000 , 105.12] , [ 1241064000000 , 125.83] , [ 1243742400000 , 135.81] , [ 1246334400000 , 142.43] , [ 1249012800000 , 163.39] , [ 1251691200000 , 168.21] , [ 1254283200000 , 185.35] , [ 1256961600000 , 188.5] , [ 1259557200000 , 199.91] , [ 1262235600000 , 210.732] , [ 1264914000000 , 192.063] , [ 1267333200000 , 204.62] , [ 1270008000000 , 235.0] , [ 1272600000000 , 261.09] , [ 1275278400000 , 256.88] , [ 1277870400000 , 251.53] , [ 1280548800000 , 257.25] , [ 1283227200000 , 243.1] , [ 1285819200000 , 283.75] , [ 1288497600000 , 300.98] , [ 1291093200000 , 311.15] , [ 1293771600000 , 322.56] , [ 1296450000000 , 339.32] , [ 1298869200000 , 353.21] , [ 1301544000000 , 348.5075] , [ 1304136000000 , 350.13] , [ 1306814400000 , 347.83] , [ 1309406400000 , 335.67] , [ 1312084800000 , 390.48] , [ 1314763200000 , 384.83] , [ 1317355200000 , 381.32] , [ 1320033600000 , 404.78] , [ 1322629200000 , 382.2] , [ 1325307600000 , 405.0] , [ 1327986000000 , 456.48] , [ 1330491600000 , 542.44] , [ 1333166400000 , 599.55] , [ 1335758400000 , 583.98] ]
57
- }
58
- ].map(function(series) {
59
- series.values = series.values.map(function(d) { return {x: d[0], y: d[1] } });
60
- return series;
61
- });
62
-
63
- /*
64
- //For testing single data point
65
- var testdata = [
66
- {
67
- "key" : "Quantity" ,
68
- "bar": true,
69
- "values" : [ [ 1136005200000 , 1271000.0] ]
70
- } ,
71
- {
72
- "key" : "Price" ,
73
- "values" : [ [ 1136005200000 , 71.89] ]
74
- }
75
- ].map(function(series) {
76
- series.values = series.values.map(function(d) { return {x: d[0], y: d[1] } });
77
- return series;
78
- });
79
- */
80
-
81
- var chart;
82
-
83
- nv.addGraph(function() {
84
- chart = nv.models.linePlusBarChart()
85
- .margin({top: 30, right: 60, bottom: 50, left: 70})
86
- .x(function(d,i) { return i })
87
- .color(d3.scale.category10().range());
88
-
89
- chart.xAxis.tickFormat(function(d) {
90
- var dx = testdata[0].values[d] && testdata[0].values[d].x || 0;
91
- return dx ? d3.time.format('%x')(new Date(dx)) : '';
92
- });
93
-
94
- chart.y1Axis
95
- .tickFormat(d3.format(',f'));
96
-
97
- chart.y2Axis
98
- .tickFormat(function(d) { return '$' + d3.format(',.2f')(d) });
99
-
100
- chart.bars.forceY([0]);
101
- //chart.lines.forceY([0]);
102
-
103
- d3.select('#chart1 svg')
104
- .datum(testdata)
105
- .transition().duration(500).call(chart);
106
-
107
- nv.utils.windowResize(chart.update);
108
-
109
- chart.dispatch.on('stateChange', function(e) { nv.log('New State:', JSON.stringify(e)); });
110
-
111
- return chart;
112
- });
113
-
114
- </script>
@@ -1,128 +0,0 @@
1
- <!DOCTYPE html>
2
- <meta charset="utf-8">
3
-
4
- <link href="../src/nv.d3.css" rel="stylesheet" type="text/css">
5
-
6
- <style>
7
-
8
- body {
9
- overflow-y:scroll;
10
- }
11
-
12
- text {
13
- font: 12px sans-serif;
14
- }
15
-
16
- #chart1 svg {
17
- height: 500px;
18
- margin: 10px;
19
- min-width: 100px;
20
- min-height: 100px;
21
- /*
22
- Minimum height and width is a good idea to prevent negative SVG dimensions...
23
- For example width should be =< margin.left + margin.right + 1,
24
- of course 1 pixel for the entire chart would not be very useful, BUT should not have errors
25
- */
26
- }
27
-
28
- </style>
29
- <body>
30
-
31
- <div id="chart1">
32
- <svg> </svg>
33
- </div>
34
-
35
- <script src="../lib/d3.v2.js"></script>
36
- <script src="../nv.d3.js"></script>
37
- <script src="../src/utils.js"></script>
38
- <script src="../src/tooltip.js"></script>
39
- <script src="../src/models/legend.js"></script>
40
- <script src="../src/models/axis.js"></script>
41
- <script src="../src/models/scatter.js"></script>
42
- <script src="../src/models/line.js"></script>
43
- <script src="../src/models/historicalBar.js"></script>
44
- <script src="../src/models/linePlusBarWithFocusChart.js"></script>
45
- <script>
46
-
47
-
48
- var testdata = [
49
- {
50
- "key" : "Quantity" ,
51
- "bar": true,
52
- "values" : [ [ 1136005200000 , 1271000.0] , [ 1138683600000 , 1271000.0] , [ 1141102800000 , 1271000.0] , [ 1143781200000 , 0] , [ 1146369600000 , 0] , [ 1149048000000 , 0] , [ 1151640000000 , 0] , [ 1154318400000 , 0] , [ 1156996800000 , 0] , [ 1159588800000 , 3899486.0] , [ 1162270800000 , 3899486.0] , [ 1164862800000 , 3899486.0] , [ 1167541200000 , 3564700.0] , [ 1170219600000 , 3564700.0] , [ 1172638800000 , 3564700.0] , [ 1175313600000 , 2648493.0] , [ 1177905600000 , 2648493.0] , [ 1180584000000 , 2648493.0] , [ 1183176000000 , 2522993.0] , [ 1185854400000 , 2522993.0] , [ 1188532800000 , 2522993.0] , [ 1191124800000 , 2906501.0] , [ 1193803200000 , 2906501.0] , [ 1196398800000 , 2906501.0] , [ 1199077200000 , 2206761.0] , [ 1201755600000 , 2206761.0] , [ 1204261200000 , 2206761.0] , [ 1206936000000 , 2287726.0] , [ 1209528000000 , 2287726.0] , [ 1212206400000 , 2287726.0] , [ 1214798400000 , 2732646.0] , [ 1217476800000 , 2732646.0] , [ 1220155200000 , 2732646.0] , [ 1222747200000 , 2599196.0] , [ 1225425600000 , 2599196.0] , [ 1228021200000 , 2599196.0] , [ 1230699600000 , 1924387.0] , [ 1233378000000 , 1924387.0] , [ 1235797200000 , 1924387.0] , [ 1238472000000 , 1756311.0] , [ 1241064000000 , 1756311.0] , [ 1243742400000 , 1756311.0] , [ 1246334400000 , 1743470.0] , [ 1249012800000 , 1743470.0] , [ 1251691200000 , 1743470.0] , [ 1254283200000 , 1519010.0] , [ 1256961600000 , 1519010.0] , [ 1259557200000 , 1519010.0] , [ 1262235600000 , 1591444.0] , [ 1264914000000 , 1591444.0] , [ 1267333200000 , 1591444.0] , [ 1270008000000 , 1543784.0] , [ 1272600000000 , 1543784.0] , [ 1275278400000 , 1543784.0] , [ 1277870400000 , 1309915.0] , [ 1280548800000 , 1309915.0] , [ 1283227200000 , 1309915.0] , [ 1285819200000 , 1331875.0] , [ 1288497600000 , 1331875.0] , [ 1291093200000 , 1331875.0] , [ 1293771600000 , 1331875.0] , [ 1296450000000 , 1154695.0] , [ 1298869200000 , 1154695.0] , [ 1301544000000 , 1194025.0] , [ 1304136000000 , 1194025.0] , [ 1306814400000 , 1194025.0] , [ 1309406400000 , 1194025.0] , [ 1312084800000 , 1194025.0] , [ 1314763200000 , 1244525.0] , [ 1317355200000 , 475000.0] , [ 1320033600000 , 475000.0] , [ 1322629200000 , 475000.0] , [ 1325307600000 , 690033.0] , [ 1327986000000 , 690033.0] , [ 1330491600000 , 690033.0] , [ 1333166400000 , 514733.0] , [ 1335758400000 , 514733.0]]
53
- },
54
- {
55
- "key" : "Price" ,
56
- "values" : [ [ 1136005200000 , 71.89] , [ 1138683600000 , 75.51] , [ 1141102800000 , 68.49] , [ 1143781200000 , 62.72] , [ 1146369600000 , 70.39] , [ 1149048000000 , 59.77] , [ 1151640000000 , 57.27] , [ 1154318400000 , 67.96] , [ 1156996800000 , 67.85] , [ 1159588800000 , 76.98] , [ 1162270800000 , 81.08] , [ 1164862800000 , 91.66] , [ 1167541200000 , 84.84] , [ 1170219600000 , 85.73] , [ 1172638800000 , 84.61] , [ 1175313600000 , 92.91] , [ 1177905600000 , 99.8] , [ 1180584000000 , 121.191] , [ 1183176000000 , 122.04] , [ 1185854400000 , 131.76] , [ 1188532800000 , 138.48] , [ 1191124800000 , 153.47] , [ 1193803200000 , 189.95] , [ 1196398800000 , 182.22] , [ 1199077200000 , 198.08] , [ 1201755600000 , 135.36] , [ 1204261200000 , 125.02] , [ 1206936000000 , 143.5] , [ 1209528000000 , 173.95] , [ 1212206400000 , 188.75] , [ 1214798400000 , 167.44] , [ 1217476800000 , 158.95] , [ 1220155200000 , 169.53] , [ 1222747200000 , 113.66] , [ 1225425600000 , 107.59] , [ 1228021200000 , 92.67] , [ 1230699600000 , 85.35] , [ 1233378000000 , 90.13] , [ 1235797200000 , 89.31] , [ 1238472000000 , 105.12] , [ 1241064000000 , 125.83] , [ 1243742400000 , 135.81] , [ 1246334400000 , 142.43] , [ 1249012800000 , 163.39] , [ 1251691200000 , 168.21] , [ 1254283200000 , 185.35] , [ 1256961600000 , 188.5] , [ 1259557200000 , 199.91] , [ 1262235600000 , 210.732] , [ 1264914000000 , 192.063] , [ 1267333200000 , 204.62] , [ 1270008000000 , 235.0] , [ 1272600000000 , 261.09] , [ 1275278400000 , 256.88] , [ 1277870400000 , 251.53] , [ 1280548800000 , 257.25] , [ 1283227200000 , 243.1] , [ 1285819200000 , 283.75] , [ 1288497600000 , 300.98] , [ 1291093200000 , 311.15] , [ 1293771600000 , 322.56] , [ 1296450000000 , 339.32] , [ 1298869200000 , 353.21] , [ 1301544000000 , 348.5075] , [ 1304136000000 , 350.13] , [ 1306814400000 , 347.83] , [ 1309406400000 , 335.67] , [ 1312084800000 , 390.48] , [ 1314763200000 , 384.83] , [ 1317355200000 , 381.32] , [ 1320033600000 , 404.78] , [ 1322629200000 , 382.2] , [ 1325307600000 , 405.0] , [ 1327986000000 , 456.48] , [ 1330491600000 , 542.44] , [ 1333166400000 , 599.55] , [ 1335758400000 , 583.98]]
57
- }
58
- ].map(function(series) {
59
- series.values = series.values.map(function(d) { return {x: d[0], y: d[1] } });
60
- return series;
61
- });
62
-
63
-
64
- /*
65
- //For testing single data point
66
- var testdata = [
67
- {
68
- "key" : "Quantity" ,
69
- "bar": true,
70
- "values" : [ [ 1136005200000 , 1271000.0] ]
71
- } ,
72
- {
73
- "key" : "Price" ,
74
- "values" : [ [ 1136005200000 , 71.89] ]
75
- }
76
- ].map(function(series) {
77
- series.values = series.values.map(function(d) { return {x: d[0], y: d[1] } });
78
- return series;
79
- });
80
- */
81
-
82
-
83
-
84
- nv.addGraph(function() {
85
- var chart = nv.models.linePlusBarWithFocusChart()
86
- .margin({top: 30, right: 60, bottom: 50, left: 70})
87
- .x(function(d,i) { return i })
88
- .color(d3.scale.category10().range());
89
-
90
- chart.xAxis.tickFormat(function(d) {
91
- var dx = testdata[0].values[d] && testdata[0].values[d].x || 0;
92
- if (dx > 0) {
93
- return d3.time.format('%x')(new Date(dx))
94
- }
95
- return null;
96
- });
97
-
98
- chart.x2Axis.tickFormat(function(d) {
99
- var dx = testdata[0].values[d] && testdata[0].values[d].x || 0;
100
- return d3.time.format('%x')(new Date(dx))
101
- });
102
-
103
- chart.y1Axis
104
- .tickFormat(d3.format(',f'));
105
-
106
- chart.y3Axis
107
- .tickFormat(d3.format(',f'));
108
-
109
- chart.y2Axis
110
- .tickFormat(function(d) { return '$' + d3.format(',.2f')(d) });
111
-
112
- chart.y4Axis
113
- .tickFormat(function(d) { return '$' + d3.format(',.2f')(d) });
114
-
115
- chart.bars.forceY([0]);
116
- chart.bars2.forceY([0]);
117
- //chart.lines.forceY([0]);
118
-
119
- d3.select('#chart1 svg')
120
- .datum(testdata)
121
- .transition().duration(500).call(chart);
122
-
123
- // nv.utils.windowResize(chart.update);
124
-
125
- return chart;
126
- });
127
-
128
- </script>