vitalif-js
/
dimple
mirror of https://github.com/vitalif/dimple
1
0
Fork 0
Code Issues Releases Wiki Activity

Compare commits

...

33 Commits
2.1.6 ... master

Author SHA1 Message Date
Vitaliy Filippov 1a32f3e8d6 Support tickFormat callback 2016-05-08 19:40:08 +03:00
John Kiernander dbf65501fb Fixed adhoc charts 2016-03-23 15:20:44 +00:00
John Kiernander 7d5cf26b65 Reverted inadvertant changes to past versions 2016-03-23 14:31:08 +00:00
John Kiernander 78c940f113 Merge branch 'jjimenez-bug_fix_NaN_pie_segments' 2016-03-23 13:26:27 +00:00
John Kiernander b329561cc5 isolated change 2016-03-23 13:25:25 +00:00
John Kiernander 951c4023c6 Building version after merging 2016-03-23 13:11:55 +00:00
John Kiernander 20d9960223 Merge branch 'laxgeek-patch-4' 2016-03-23 13:08:26 +00:00
John Kiernander b03591af98 Merge branch 'patch-4' of https://github.com/laxgeek/dimple into laxgeek-patch-4 2016-03-23 13:08:11 +00:00
John Kiernander ab4dea320c Merge branch 'laxgeek-patch-3' 2016-03-23 13:05:29 +00:00
John Kiernander 284fae6be5 Merge branch 'patch-3' of https://github.com/laxgeek/dimple into laxgeek-patch-3 2016-03-23 13:01:39 +00:00
John Kiernander 76e5921620 Updated version 2016-03-23 12:53:56 +00:00
John Kiernander df68494024 Merge branch 'jjimenez-series_svg_group' 2016-03-23 12:48:44 +00:00
laxgeek 18bc6ce6b3 Update _parentWidth.js 
The firefox issue (https://bugzilla.mozilla.org/show_bug.cgi?id=649285) was closed as invalid.
Chrome is also deprecating offsetWidth and offsetHeight in April 2016.
parent.getBoundingClientRect().width is a more explicit call to get the outer object width
 2016-02-23 08:24:28 -07:00
laxgeek 2a08a7cffa Update _parentHeight.js 
The firefox issue (https://bugzilla.mozilla.org/show_bug.cgi?id=649285) was closed as invalid.
Chrome is also deprecating offsetWidth and offsetHeight in April 2016.
parent.getBoundingClientRect().width is a more explicit call to get the outer object width
 2016-02-23 08:22:42 -07:00
Jose Jimenez cdf8e3c1c0 move axis elements into their own group also. 2016-02-02 21:05:43 -06:00
Jose Jimenez 6e00a090fe move gridlines into their own group so they stay behind other chart elements. 2016-02-02 20:54:12 -06:00
Jose Jimenez c886590261 Merge branch 'master' into bug_fix_NaN_pie_segments 
# Conflicts:
#	bower.json
#	dist/dimple.latest.min.js
#	dist/dimple.v2.1.6.min.js
 2016-02-02 12:27:29 -06:00
Jose Jimenez c388d5bdbe Merge pull request from jjimenez/series_svg_group 
Series svg group
 2016-02-02 12:18:37 -06:00
Jose Jimenez 67bc3a57b5 update to eliminate NaN pie segment errors 2016-02-02 12:09:02 -06:00
Jose Jimenez 2135f516bc really fixing the main in bower.js 
yeah, I messed up.  Shouldn't work in the same branch.
 2016-02-01 13:12:31 -06:00
Jose Jimenez 9bbd67ec2d change bower to move to latest instead of 2.1.4 
for working in my branch.
 2016-02-01 13:08:28 -06:00
Jose Jimenez 8396a2b711 add g elements (groups) for each series added to a chart. Use in plots and with markers. 2016-01-29 21:12:43 -06:00
John Kiernander c3a10e5a2d Merge pull request from bbirand/patch-1 
Add `main` to `package.json` for webpack
 2015-09-01 17:21:40 +01:00
John Kiernander 7094c77b97 Merge pull request from rebaselabs/bug/circle_marker 
Bug/circle marker
 2015-09-01 17:18:57 +01:00
Ken Ip fd08ad739e Update dist 2015-09-01 12:16:07 -04:00
Ken Ip d4c0c691f2 Add custom class for additional circle marker for styling 2015-09-01 12:15:25 -04:00
sfrantsuzov 308c1a5049 Merge branch 'master' of https://github.com/PMSI-AlignAlytics/dimple 2015-08-28 11:38:15 +01:00
sfrantsuzov c2e89bff47 Added special case for proportional axes 2015-08-28 11:37:41 +01:00
Robert Stettner 40ce843be0 Fixed get data field return values 2015-08-24 10:05:13 +01:00
sfrantsuzov 37d94f51ec Rolled back erroneous commit: Fixed the bar width for proportional X axis. Removed draw from setMargin 2015-08-24 09:58:03 +01:00
Berk Birand 9078202d24 Add `main` to `package.json` for webpack 
This way, we can `npm install` dimple, and use `require('dimple')` to pull it in webpack.
 2015-08-20 12:12:57 -04:00
sfrantsuzov 449e09d5a2 Fixed the bar width for proportional X axis. Removed draw from setMargin 2015-08-17 12:18:11 +01:00
sfrantsuzov d99c6ea0cd Fixed area and line chart for single point 2015-07-29 11:16:59 +01:00
142 changed files with 5762 additions and 264 deletions
examples
advanced_animated_multiple_pie_bubbles.html
advanced_bar_labels.html
advanced_bars_sketchy.html
advanced_bullet.html
advanced_change_bubbles.html
advanced_custom_styling.html
advanced_dynamic_line_color.html
advanced_grouped_mekko.html
advanced_interactive_legends.html
advanced_lollipop_with_hover.html
advanced_matrix.html
advanced_pong.html
advanced_price_range_lollipop.html
advanced_responsive_sizing.html
advanced_storyboard_control.html
advanced_time_axis.html
advanced_trellis_bar.html
advanced_waterfall.html
area_steps_horizontal.html
area_steps_horizontal_grouped.html
area_steps_horizontal_grouped_100pct.html
area_steps_horizontal_grouped_stacked.html
area_steps_horizontal_stacked.html
area_steps_horizontal_stacked_100pct.html
area_steps_vertical.html
area_steps_vertical_grouped.html
area_steps_vertical_grouped_100pct.html
area_steps_vertical_grouped_stacked.html
area_steps_vertical_stacked.html
area_steps_vertical_stacked_100pct.html
areas_curvy.html
areas_dual_measure.html
areas_horizontal.html
areas_horizontal_grouped.html
areas_horizontal_grouped_100pct.html
areas_horizontal_grouped_stacked.html
areas_horizontal_stacked.html
areas_horizontal_stacked_100pct.html
areas_vertical.html
areas_vertical_grouped.html
areas_vertical_grouped_100pct.html
areas_vertical_grouped_stacked.html
areas_vertical_stacked.html
areas_vertical_stacked_100pct.html
bars_dual_measure_floating.html
bars_horizontal.html
bars_horizontal_floating.html
bars_horizontal_grouped.html
bars_horizontal_grouped_stacked.html
bars_horizontal_grouped_stacked_100pct.html
bars_horizontal_mekko.html
bars_horizontal_stacked.html
bars_horizontal_stacked_100pct.html
bars_matrix.html
bars_vertical.html
bars_vertical_floating.html
bars_vertical_grouped.html
bars_vertical_grouped_stacked.html
bars_vertical_grouped_stacked_100pct.html
bars_vertical_mekko.html
bars_vertical_stacked.html
bars_vertical_stacked_100pct.html
bubbles_horizontal_grouped.html
bubbles_horizontal_lollipop.html
bubbles_matrix.html
bubbles_standard.html
bubbles_vertical_grouped.html
bubbles_vertical_lollipop.html
lines_curvy.html
lines_dual_measure.html
lines_horizontal.html
lines_horizontal_grouped.html
lines_horizontal_grouped_stacked.html
lines_horizontal_stacked.html
lines_vertical.html
lines_vertical_grouped.html
lines_vertical_grouped_stacked.html
lines_vertical_stacked.html
pie_bubble.html
pie_horizontal_grouped.html
pie_horizontal_lollipop.html
pie_matrix.html
pie_scatter.html
pie_standard.html
pie_vertical_grouped.html
pie_vertical_lollipop.html
ring_bubble.html
Show More

1
.gitignore vendored
View File

@ -5,3 +5,4 @@ node_modules
help help
image_creator image_creator
tmp tmp
notes

8
adhoc/adhoc_bar_custom_tooltips.html
View File

@ -1,5 +1,8 @@
<!DOCTYPE html>
<meta charset="utf-8">
<html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.min.js"></script> <script src="/lib/d3.v3.min.js"></script>
<script src="/dist/dimple.v2.0.0.js"></script> <script src="/dist/dimple.v2.0.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
@ -19,4 +22,5 @@
myChart.draw(); myChart.draw();
}); });
</script> </script>
</div> </div>
</html>

8
adhoc/adhoc_bar_labels.html
View File

@ -1,5 +1,8 @@
<!DOCTYPE html>
<meta charset="utf-8">
<html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.min.js"></script> <script src="/lib/d3.v3.min.js"></script>
<script src="/dist/dimple.v2.0.0.js"></script> <script src="/dist/dimple.v2.0.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
// This is the simple vertical grouped stacked 100% bar example // This is the simple vertical grouped stacked 100% bar example
@ -44,4 +47,5 @@
myChart.draw(2000); myChart.draw(2000);
}); });
</script> </script>
</div> </div>
</html>

8
adhoc/adhoc_bar_scroll.html
View File

@ -1,5 +1,8 @@
<!DOCTYPE html>
<meta charset="utf-8">
<html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.min.js"></script> <script src="/lib/d3.v3.min.js"></script>
<script src="/dist/dimple.v2.0.0.js"></script> <script src="/dist/dimple.v2.0.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
// Start off with a couple of rows of data // Start off with a couple of rows of data
@ -29,4 +32,5 @@
myChart.draw(1000); myChart.draw(1000);
}, 500); }, 500);
</script> </script>
</div> </div>
</html>

8
adhoc/adhoc_bounce_stagger.html
View File

@ -1,5 +1,8 @@
<!DOCTYPE html>
<meta charset="utf-8">
<html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.min.js"></script> <script src="/lib/d3.v3.min.js"></script>
<script src="/dist/dimple.v2.0.0.js"></script> <script src="/dist/dimple.v2.0.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
@ -17,4 +20,5 @@
myChart.draw(800); myChart.draw(800);
}); });
</script> </script>
</div> </div>
</html>

8
adhoc/adhoc_composite_axis_category.html
View File

@ -1,5 +1,8 @@
<!DOCTYPE html>
<meta charset="utf-8">
<html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.min.js"></script> <script src="/lib/d3.v3.min.js"></script>
<script src="/dist/dimple.v2.0.0.js"></script> <script src="/dist/dimple.v2.0.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
@ -19,4 +22,5 @@
myChart.draw(); myChart.draw();
}); });
</script> </script>
</div> </div>
</html>

8
adhoc/adhoc_composite_axis_measure.html
View File

@ -1,5 +1,8 @@
<!DOCTYPE html>
<meta charset="utf-8">
<html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.min.js"></script> <script src="/lib/d3.v3.min.js"></script>
<script src="/dist/dimple.v2.0.0.js"></script> <script src="/dist/dimple.v2.0.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
@ -17,4 +20,5 @@
myChart.draw(); myChart.draw();
}); });
</script> </script>
</div> </div>
</html>

41
adhoc/adhoc_dual_axis.html
View File

@ -1,34 +1,23 @@
<!DOCTYPE html>
<meta charset="utf-8">
<html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.min.js"></script> <script src="/lib/d3.v3.min.js"></script>
<script src="/dist/dimple.v2.0.2.js"></script> <script src="/dist/dimple.v2.0.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {
var myChart = new dimple.chart(svg, data); var myChart = new dimple.chart(svg, data);
myChart.setBounds(60, 50, 460, 280); myChart.setBounds(60, 50, 460, 280);
var monthAxis = myChart.addCategoryAxis("x", "Month");
data = [ monthAxis.addOrderRule("Date");
{ "Int": 1, "Float": 234, "Text": "XFBGR", "Date": "12/5/99", "Group": "A"}, var volumeAxis = myChart.addMeasureAxis("y", "Unit Sales");
{ "Int": 2, "Float": 54.35, "Text": "YTREB", "Date": "1/1/00", "Group": "A"}, var profitAxis = myChart.addMeasureAxis("y", "Operating Profit");
{ "Int": 3, "Float": -453, "Text": "XGFDY", "Date": "2 February 2007", "Group": "B"}, myChart.addSeries("Quantity", dimple.plot.line, [monthAxis, volumeAxis]);
{ "Int": 4, "Float": 5436546, "Text": "XGFDE", "Date": "2000-03-01", "Group": "B"}, myChart.addSeries("Op. Profit", dimple.plot.line, [monthAxis, profitAxis]);
{ "Int": 5, "Float": 4323, "Text": "YTREB", "Date": "10/10/2000", "Group": "C"}, myChart.addLegend(200, 10, 380, 20, "right");
{ "Int": 6, "Float": 0, "Text": "GFDHN", "Date": "11/10/2000", "Group": "C"}, myChart.draw();
{ "Int": 7, "Float": -453, "Text": "TRET", "Date": "10/9/2000", "Group": "D"},
{ "Int": 1, "Float": 5436546, "Text": "GFDGFDHG", "Date": "10/10/2000", "Group": "E"}
];
var s = dimple._getOrderedList(data, "Int", { ordering : "Text" });
console.log(s);
//
//
// var monthAxis = myChart.addCategoryAxis("x", "Owner");
// monthAxis.addOrderRule("Brand");
// var volumeAxis = myChart.addMeasureAxis("y", "Unit Sales");
// var profitAxis = myChart.addMeasureAxis("y", "Operating Profit");
// myChart.addSeries("Quantity", dimple.plot.line, [monthAxis, volumeAxis]);
// myChart.addSeries("Op. Profit", dimple.plot.line, [monthAxis, profitAxis]);
// myChart.addLegend(200, 10, 380, 20, "right");
// myChart.draw();
}); });
</script> </script>
</div> </div>
</html>

4
bower.json
View File

@ -9,12 +9,12 @@
"dependencies": { "dependencies": {
"d3": ">=3.5.2" "d3": ">=3.5.2"
}, },
"version": "2.1.6", "version": "2.2.0",
"homepage": "dimplejs.org", "homepage": "dimplejs.org",
"authors": [ "authors": [
"johnkiernander <jkiernander@pmsi-consulting.com>" "johnkiernander <jkiernander@pmsi-consulting.com>"
], ],
"main": "dist/dimple.v2.1.4.min.js", "main": "dist/dimple.latest.min.js",
"moduleType": [ "moduleType": [
"amd" "amd"
], ],

121
dist/dimple.latest.js vendored
View File

@ -38,7 +38,7 @@
// Create the stub object // Create the stub object
var dimple = { var dimple = {
version: "2.1.6", version: "2.2.0",
plot: {}, plot: {},
aggregateMethod: {} aggregateMethod: {}
}; };
@ -181,6 +181,9 @@
chunks, chunks,
suffix, suffix,
dp; dp;
if (typeof this.tickFormat == 'function') {
return this.tickFormat;
}
if (this.tickFormat !== null && this.tickFormat !== undefined) { if (this.tickFormat !== null && this.tickFormat !== undefined) {
if (this._hasTimeField()) { if (this._hasTimeField()) {
returnFormat = d3.time.format(this.tickFormat); returnFormat = d3.time.format(this.tickFormat);
@ -661,6 +664,11 @@
// The group within which to put all of this chart's objects // The group within which to put all of this chart's objects
this._group = svg.append("g"); this._group = svg.append("g");
this._group.attr('class', 'dimple-chart');
this._gridlines_group = this._group.insert('g');
this._gridlines_group.attr('class', 'dimple-gridlines-group');
this._axis_group = this._group.insert('g');
this._axis_group.attr('class', 'dimple-axis-group');
// The group within which to put tooltips. This is not initialised here because // The group within which to put tooltips. This is not initialised here because
// the group would end up behind other chart contents in a multi chart output. It will // the group would end up behind other chart contents in a multi chart output. It will
// therefore be added and removed by the mouse enter/leave events // therefore be added and removed by the mouse enter/leave events
@ -1012,12 +1020,20 @@
returnData.forEach(function (ret) { returnData.forEach(function (ret) {
if (x !== null) { if (x !== null) {
if (useCount.x === true) { ret.xValue = ret.xValueList.length; } if (useCount.x === true) { ret.xValue = ret.xValueList.length; }
tot = (totals.x[ret.xField.join("/")] || 0) + (y._hasMeasure() ? Math.abs(ret.yValue) : 0); if (x._hasMeasure() && x._hasCategories()) {
tot = (totals.x[ret.xField.join("/")] || 0) + (x._hasMeasure() ? Math.abs(ret.xValue) : 0);
} else {
tot = (totals.x[ret.xField.join("/")] || 0) + (y._hasMeasure() ? Math.abs(ret.yValue) : 0);
}
totals.x[ret.xField.join("/")] = tot; totals.x[ret.xField.join("/")] = tot;
} }
if (y !== null) { if (y !== null) {
if (useCount.y === true) { ret.yValue = ret.yValueList.length; } if (useCount.y === true) { ret.yValue = ret.yValueList.length; }
tot = (totals.y[ret.yField.join("/")] || 0) + (x._hasMeasure() ? Math.abs(ret.xValue) : 0); if (y._hasMeasure() && y._hasCategories()) {
tot = (totals.y[ret.yField.join("/")] || 0) + (y._hasMeasure() ? Math.abs(ret.yValue) : 0);
} else {
tot = (totals.y[ret.yField.join("/")] || 0) + (x._hasMeasure() ? Math.abs(ret.xValue) : 0);
}
totals.y[ret.yField.join("/")] = tot; totals.y[ret.yField.join("/")] = tot;
} }
if (p !== null) { if (p !== null) {
@ -1137,7 +1153,6 @@
}; };
// Copyright: 2015 AlignAlytics // Copyright: 2015 AlignAlytics
// License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt"
// Source: /src/objects/chart/methods/_getDelay.js // Source: /src/objects/chart/methods/_getDelay.js
@ -1278,7 +1293,11 @@
// Loop again to calculate shares // Loop again to calculate shares
for (i = 0; i < returnData.length; i += 1) { for (i = 0; i < returnData.length; i += 1) {
returnData[i].piePct = (returnData[i].pValue / pieDictionary[returnData[i].pieKey].total); if (pieDictionary[returnData[i].pieKey].total === 0) {
returnData[i].piePct = 0;
} else {
returnData[i].piePct = (returnData[i].pValue / pieDictionary[returnData[i].pieKey].total);
}
returnData[i].startAngle = pieDictionary[returnData[i].pieKey].angle; returnData[i].startAngle = pieDictionary[returnData[i].pieKey].angle;
returnData[i].endAngle = returnData[i].startAngle + returnData[i].piePct * (endAngle - startAngle); returnData[i].endAngle = returnData[i].startAngle + returnData[i].piePct * (endAngle - startAngle);
pieDictionary[returnData[i].pieKey].angle = returnData[i].endAngle; pieDictionary[returnData[i].pieKey].angle = returnData[i].endAngle;
@ -1602,6 +1621,7 @@
tooltipLabel: 'dimple-custom-tooltip-label', tooltipLabel: 'dimple-custom-tooltip-label',
tooltipDropLine: 'dimple-custom-tooltip-dropline', tooltipDropLine: 'dimple-custom-tooltip-dropline',
lineMarker: 'dimple-custom-line-marker', lineMarker: 'dimple-custom-line-marker',
lineMarkerCircle: 'dimple-custom-line-marker-circle',
legendLabel: 'dimple-custom-legend-label', legendLabel: 'dimple-custom-legend-label',
legendKey: 'dimple-custom-legend-key', legendKey: 'dimple-custom-legend-key',
areaSeries: 'dimple-custom-series-area', areaSeries: 'dimple-custom-series-area',
@ -1623,6 +1643,7 @@
'dimple-custom-format-10' 'dimple-custom-format-10'
] ]
}; };
// Copyright: 2015 AlignAlytics // Copyright: 2015 AlignAlytics
// License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt"
// Source: /src/objects/chart/methods/defaultColors.js // Source: /src/objects/chart/methods/defaultColors.js
@ -1829,7 +1850,7 @@
if (axis.gridlineShapes === null) { if (axis.gridlineShapes === null) {
if (axis.showGridlines || (axis.showGridlines === null && !axis._hasCategories() && ((!xGridSet && axis.position === "x") || (!yGridSet && axis.position === "y")))) { if (axis.showGridlines || (axis.showGridlines === null && !axis._hasCategories() && ((!xGridSet && axis.position === "x") || (!yGridSet && axis.position === "y")))) {
// Add a group for the gridlines to allow css formatting // Add a group for the gridlines to allow css formatting
axis.gridlineShapes = this._group.append("g").attr("class", "dimple-gridline"); axis.gridlineShapes = this._gridlines_group.append("g").attr("class", "dimple-gridline");
if (axis.position === "x") { if (axis.position === "x") {
xGridSet = true; xGridSet = true;
} else { } else {
@ -1845,7 +1866,7 @@
} }
if (axis.shapes === null) { if (axis.shapes === null) {
// Add a group for the axes to allow css formatting // Add a group for the axes to allow css formatting
axis.shapes = this._group.append("g") axis.shapes = this._axis_group.append("g")
.attr("class", "dimple-axis dimple-axis-" + axis.position) .attr("class", "dimple-axis dimple-axis-" + axis.position)
.each(function () { .each(function () {
if (!chart.noFormats) { if (!chart.noFormats) {
@ -2033,7 +2054,7 @@
// Add a title for the axis - NB check for null here, by default the title is undefined, in which case // Add a title for the axis - NB check for null here, by default the title is undefined, in which case
// use the dimension name // use the dimension name
if (!axis.hidden && (axis.position === "x" || axis.position === "y") && axis.title !== null) { if (!axis.hidden && (axis.position === "x" || axis.position === "y") && axis.title !== null) {
axis.titleShape = this._group.append("text") axis.titleShape = this._axis_group.append("text")
.attr("class", "dimple-axis dimple-title " + chart.customClassList.axisTitle + " dimple-axis-" + axis.position); .attr("class", "dimple-axis dimple-title " + chart.customClassList.axisTitle + " dimple-axis-" + axis.position);
axis.titleShape axis.titleShape
.attr("x", titleX) .attr("x", titleX)
@ -2177,8 +2198,6 @@
this._heightPixels = function () { this._heightPixels = function () {
return dimple._parentHeight(this.svg.node()) - this._yPixels() - dimple._parseYPosition(bottom, this.svg.node()); return dimple._parentHeight(this.svg.node()) - this._yPixels() - dimple._parseYPosition(bottom, this.svg.node());
}; };
// Refresh the axes to redraw them against the new bounds
this.draw(0, true);
// return the chart object for method chaining // return the chart object for method chaining
return this; return this;
}; };
@ -2556,6 +2575,9 @@
this.tooltipFontFamily = "sans-serif"; this.tooltipFontFamily = "sans-serif";
// Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-radius // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-radius
this.radius = "auto"; this.radius = "auto";
// The group within which to put all of this series's objects
this._group = chart._group.append("g");
this._group.attr('class', 'dimple-series-group-' + chart.series.length);
// Any event handlers joined to this series // Any event handlers joined to this series
this._eventHandlers = []; this._eventHandlers = [];
@ -3142,6 +3164,7 @@
p, p,
b, b,
l, l,
lIndex,
lastAngle, lastAngle,
catCoord, catCoord,
valCoord, valCoord,
@ -3408,17 +3431,20 @@
p = getArea(interpolation, "_previousOrigin")(finalPointArray); p = getArea(interpolation, "_previousOrigin")(finalPointArray);
b = getArea((interpolation === "step-after" ? "step-before" : (interpolation === "step-before" ? "step-after" : interpolation)), "_previousOrigin")(basePoints); b = getArea((interpolation === "step-after" ? "step-before" : (interpolation === "step-before" ? "step-after" : interpolation)), "_previousOrigin")(basePoints);
l = getArea("linear", "_previousOrigin")(finalPointArray); l = getArea("linear", "_previousOrigin")(finalPointArray);
areaData[i].entry = p + (b && b.length > 0 ? "L" + b.substring(1) : "") + (l && l.length > 0 ? "L" + l.substring(1, l.indexOf("L")) : 0); lIndex = l.indexOf("L") === -1 ? undefined : l.indexOf("L");
areaData[i].entry = p + (b && b.length > 0 ? "L" + b.substring(1) : "") + (l && l.length > 0 ? "L" + l.substring(1, lIndex) : 0);
p = getArea(interpolation)(finalPointArray); p = getArea(interpolation)(finalPointArray);
b = getArea(interpolation === "step-after" ? "step-before" : (interpolation === "step-before" ? "step-after" : interpolation))(basePoints); b = getArea(interpolation === "step-after" ? "step-before" : (interpolation === "step-before" ? "step-after" : interpolation))(basePoints);
l = getArea("linear")(finalPointArray); l = getArea("linear")(finalPointArray);
areaData[i].update = p + (b && b.length > 0 ? "L" + b.substring(1) : "") + (l && l.length > 0 ? "L" + l.substring(1, l.indexOf("L")) : 0); lIndex = l.indexOf("L") === -1 ? undefined : l.indexOf("L");
areaData[i].update = p + (b && b.length > 0 ? "L" + b.substring(1) : "") + (l && l.length > 0 ? "L" + l.substring(1, lIndex) : 0);
p = getArea(interpolation, "_origin")(finalPointArray); p = getArea(interpolation, "_origin")(finalPointArray);
b = getArea((interpolation === "step-after" ? "step-before" : (interpolation === "step-before" ? "step-after" : interpolation)), "_origin")(basePoints); b = getArea((interpolation === "step-after" ? "step-before" : (interpolation === "step-before" ? "step-after" : interpolation)), "_origin")(basePoints);
l = getArea("linear", "_origin")(finalPointArray); l = getArea("linear", "_origin")(finalPointArray);
areaData[i].exit = p + (b && b.length > 0 ? "L" + b.substring(1) : "") + (l && l.length > 0 ? "L" + l.substring(1, l.indexOf("L")) : 0); lIndex = l.indexOf("L") === -1 ? undefined : l.indexOf("L");
areaData[i].exit = p + (b && b.length > 0 ? "L" + b.substring(1) : "") + (l && l.length > 0 ? "L" + l.substring(1, lIndex) : 0);
// Add the color in this loop, it can't be done during initialisation of the row because // Add the color in this loop, it can't be done during initialisation of the row because
// the areas should be ordered first (to ensure standard distribution of colors // the areas should be ordered first (to ensure standard distribution of colors
@ -3431,7 +3457,7 @@
} }
if (series.shapes === null || series.shapes === undefined) { if (series.shapes === null || series.shapes === undefined) {
theseShapes = chart._group.selectAll("." + className).data(areaData); theseShapes = series._group.selectAll("." + className).data(areaData);
} else { } else {
theseShapes = series.shapes.data(areaData, function (d) { return d.key; }); theseShapes = series.shapes.data(areaData, function (d) { return d.key; });
} }
@ -3525,7 +3551,7 @@
} }
if (series.shapes === null || series.shapes === undefined) { if (series.shapes === null || series.shapes === undefined) {
theseShapes = chart._group.selectAll("." + classes.join(".")).data(chartData); theseShapes = series._group.selectAll("." + classes.join(".")).data(chartData);
} else { } else {
theseShapes = series.shapes.data(chartData, function (d) { return d.key; }); theseShapes = series.shapes.data(chartData, function (d) { return d.key; });
} }
@ -3644,7 +3670,7 @@
} }
if (series.shapes === null || series.shapes === undefined) { if (series.shapes === null || series.shapes === undefined) {
theseShapes = chart._group.selectAll("." + classes.join(".")).data(chartData); theseShapes = series._group.selectAll("." + classes.join(".")).data(chartData);
} else { } else {
theseShapes = series.shapes.data(chartData, function (d) { theseShapes = series.shapes.data(chartData, function (d) {
return d.key; return d.key;
@ -3858,6 +3884,17 @@
} }
} }
// Special case when a line contains a single point - duplicate the point
// If we don't do this a path will be created with 0,0 coordinates
if (lineData && lineData[i] && lineData[i].points && lineData[i].points.length === 1) {
lineData[i].points.push(
{
x : lineData[i].points[0].x,
y : lineData[i].points[0].y
}
);
}
// Get the points that this line will appear // Get the points that this line will appear
lineData[i].entry = getLine(interpolation, "_previousOrigin")(lineData[i].points); lineData[i].entry = getLine(interpolation, "_previousOrigin")(lineData[i].points);
lineData[i].update = getLine(interpolation)(lineData[i].points); lineData[i].update = getLine(interpolation)(lineData[i].points);
@ -3874,7 +3911,7 @@
} }
if (series.shapes === null || series.shapes === undefined) { if (series.shapes === null || series.shapes === undefined) {
theseShapes = chart._group.selectAll("." + className).data(lineData); theseShapes = series._group.selectAll("." + className).data(lineData);
} else { } else {
theseShapes = series.shapes.data(lineData, function (d) { return d.key; }); theseShapes = series.shapes.data(lineData, function (d) { return d.key; });
} }
@ -4028,7 +4065,7 @@
} }
if (series.shapes === null || series.shapes === undefined) { if (series.shapes === null || series.shapes === undefined) {
theseShapes = chart._group.selectAll("." + classes.join(".")).data(chartData); theseShapes = series._group.selectAll("." + classes.join(".")).data(chartData);
} else { } else {
theseShapes = series.shapes.data(chartData, function (d) { return d.key; }); theseShapes = series.shapes.data(chartData, function (d) { return d.key; });
} }
@ -4222,7 +4259,7 @@
shapes; shapes;
if (series.lineMarkers) { if (series.lineMarkers) {
if (series._markerBacks === null || series._markerBacks === undefined || series._markerBacks[lineDataRow.keyString] === undefined) { if (series._markerBacks === null || series._markerBacks === undefined || series._markerBacks[lineDataRow.keyString] === undefined) {
markerBacks = chart._group.selectAll("." + markerBackClasses.join(".")).data(lineDataRow.markerData); markerBacks = series._group.selectAll("." + markerBackClasses.join(".")).data(lineDataRow.markerData);
} else { } else {
markerBacks = series._markerBacks[lineDataRow.keyString].data(lineDataRow.markerData, function (d) { return d.key; }); markerBacks = series._markerBacks[lineDataRow.keyString].data(lineDataRow.markerData, function (d) { return d.key; });
} }
@ -4290,7 +4327,7 @@
// Deal with markers in the same way as main series to fix #28 // Deal with markers in the same way as main series to fix #28
if (series._markers === null || series._markers === undefined || series._markers[lineDataRow.keyString] === undefined) { if (series._markers === null || series._markers === undefined || series._markers[lineDataRow.keyString] === undefined) {
markers = chart._group.selectAll("." + markerClasses.join(".")).data(lineDataRow.markerData); markers = series._group.selectAll("." + markerClasses.join(".")).data(lineDataRow.markerData);
} else { } else {
markers = series._markers[lineDataRow.keyString].data(lineDataRow.markerData, function (d) { markers = series._markers[lineDataRow.keyString].data(lineDataRow.markerData, function (d) {
return d.key; return d.key;
@ -4779,26 +4816,13 @@
// License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt"
// Source: /src/methods/_parentHeight.js // Source: /src/methods/_parentHeight.js
dimple._parentHeight = function (parent) { dimple._parentHeight = function (parent) {
// This one seems to work in Chrome - good old Chrome! // Let's be explicit about what we are trying to get here
var returnValue = parent.offsetHeight; var returnValue = parent.getBoundingClientRect().height;
// This does it for IE // If it returns nothing then go with "clientWidth"
if (returnValue <= 0 || returnValue === null || returnValue === undefined) { if (!returnValue || returnValue < 0) {
returnValue = parent.clientHeight; returnValue = parent.clientHeight;
} }
// FireFox is the hard one this time. See this bug report:
// https://bugzilla.mozilla.org/show_bug.cgi?id=649285//
// It's dealt with by trying to recurse up the dom until we find something
// we can get a size for. Usually the parent of the SVG. It's a bit costly
// but I don't know of any other way.
if (returnValue <= 0 || returnValue === null || returnValue === undefined) {
if (parent.parentNode === null || parent.parentNode === undefined) {
// Give up - Recursion Exit Point
returnValue = 0;
} else {
// Get the size from the parent recursively
returnValue = dimple._parentHeight(parent.parentNode);
}
}
return returnValue; return returnValue;
}; };
@ -4806,26 +4830,12 @@
// License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt" // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt"
// Source: /src/methods/_parentWidth.js // Source: /src/methods/_parentWidth.js
dimple._parentWidth = function (parent) { dimple._parentWidth = function (parent) {
// This one seems to work in Chrome - good old Chrome! // Let's be explicit about what we are trying to get here
var returnValue = parent.offsetWidth; var returnValue = parent.getBoundingClientRect().width;
// This does it for IE // If it returns nothing then go with "clientWidth"
if (!returnValue || returnValue < 0) { if (!returnValue || returnValue < 0) {
returnValue = parent.clientWidth; returnValue = parent.clientWidth;
} }
// FireFox is the hard one this time. See this bug report:
// https://bugzilla.mozilla.org/show_bug.cgi?id=649285//
// It's dealt with by trying to recurse up the dom until we find something
// we can get a size for. Usually the parent of the SVG. It's a bit costly
// but I don't know of any other way.
if (!returnValue || returnValue < 0) {
if (!parent.parentNode) {
// Give up - Recursion Exit Point
returnValue = 0;
} else {
// Get the size from the parent recursively
returnValue = dimple._parentWidth(parent.parentNode);
}
}
return returnValue; return returnValue;
}; };
@ -5217,6 +5227,7 @@
// Add a ring around the data point // Add a ring around the data point
chart._tooltipGroup.append("circle") chart._tooltipGroup.append("circle")
.attr("class", "dimple-line-marker-circle " + chart.customClassList.lineMarkerCircle)
.attr("cx", cx) .attr("cx", cx)
.attr("cy", cy) .attr("cy", cy)
.attr("r", r) .attr("r", r)

6
dist/dimple.latest.min.js vendored
View File

File diff suppressed because one or more lines are too long

5459
dist/dimple.v2.2.0.js vendored Normal file
View File

File diff suppressed because it is too large Load Diff

3
dist/dimple.v2.2.0.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

2
examples/advanced_animated_multiple_pie_bubbles.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/advanced_bar_labels.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
// This is the simple vertical grouped stacked 100% bar example // This is the simple vertical grouped stacked 100% bar example
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);

2
examples/advanced_bars_sketchy.html
View File

@ -6,7 +6,7 @@
<html> <html>
<head> <head>
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<!-- Props to Kimerly Geswein for her font Shadows Into Light */ --> <!-- Props to Kimerly Geswein for her font Shadows Into Light */ -->
<link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light' rel='stylesheet' type='text/css'>
<style> <style>

2
examples/advanced_bullet.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
// Create the svg and set the dimensions // Create the svg and set the dimensions

2
examples/advanced_change_bubbles.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/advanced_custom_styling.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/advanced_dynamic_line_color.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/advanced_grouped_mekko.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/advanced_interactive_legends.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/advanced_lollipop_with_hover.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);

2
examples/advanced_matrix.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
// Create the svg and set the dimensions // Create the svg and set the dimensions

2
examples/advanced_pong.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
var data = [ var data = [

2
examples/advanced_price_range_lollipop.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/advanced_responsive_sizing.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer" style="height: 100%"> <div id="chartContainer" style="height: 100%">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
// In version 1.1.0 it's possible to initialise any size parameter with a // In version 1.1.0 it's possible to initialise any size parameter with a
// % value as well as pixels // % value as well as pixels

2
examples/advanced_storyboard_control.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/advanced_time_axis.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);

2
examples/advanced_trellis_bar.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/advanced_waterfall.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
// This code should support any data in this structure changing the data here // This code should support any data in this structure changing the data here

2
examples/area_steps_horizontal.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/area_steps_horizontal_grouped.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/area_steps_horizontal_grouped_100pct.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/area_steps_horizontal_grouped_stacked.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/area_steps_horizontal_stacked.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/area_steps_horizontal_stacked_100pct.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/area_steps_vertical.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/area_steps_vertical_grouped.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/area_steps_vertical_grouped_100pct.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/area_steps_vertical_grouped_stacked.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/area_steps_vertical_stacked.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/area_steps_vertical_stacked_100pct.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/areas_curvy.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/areas_dual_measure.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/areas_horizontal.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/areas_horizontal_grouped.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/areas_horizontal_grouped_100pct.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/areas_horizontal_grouped_stacked.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/areas_horizontal_stacked.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/areas_horizontal_stacked_100pct.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/areas_vertical.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/areas_vertical_grouped.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/areas_vertical_grouped_100pct.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/areas_vertical_grouped_stacked.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/areas_vertical_stacked.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/areas_vertical_stacked_100pct.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/bars_dual_measure_floating.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/bars_horizontal.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/bars_horizontal_floating.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/bars_horizontal_grouped.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/bars_horizontal_grouped_stacked.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/bars_horizontal_grouped_stacked_100pct.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/bars_horizontal_mekko.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/bars_horizontal_stacked.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/bars_horizontal_stacked_100pct.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/bars_matrix.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/bars_vertical.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/bars_vertical_floating.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/bars_vertical_grouped.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/bars_vertical_grouped_stacked.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/bars_vertical_grouped_stacked_100pct.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/bars_vertical_mekko.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/bars_vertical_stacked.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/bars_vertical_stacked_100pct.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/bubbles_horizontal_grouped.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/bubbles_horizontal_lollipop.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/bubbles_matrix.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/bubbles_standard.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/bubbles_vertical_grouped.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/bubbles_vertical_lollipop.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/lines_curvy.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/lines_dual_measure.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/lines_horizontal.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/lines_horizontal_grouped.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/lines_horizontal_grouped_stacked.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/lines_horizontal_stacked.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/lines_vertical.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/lines_vertical_grouped.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/lines_vertical_grouped_stacked.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/lines_vertical_stacked.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/pie_bubble.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/pie_horizontal_grouped.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/pie_horizontal_lollipop.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/pie_matrix.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/pie_scatter.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/pie_standard.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/pie_vertical_grouped.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/pie_vertical_lollipop.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

2
examples/ring_bubble.html
View File

@ -6,7 +6,7 @@
<html> <html>
<div id="chartContainer"> <div id="chartContainer">
<script src="/lib/d3.v3.4.8.js"></script> <script src="/lib/d3.v3.4.8.js"></script>
<script src="/dist/dimple.v2.1.6.js"></script> <script src="/dist/dimple.v2.2.0.js"></script>
<script type="text/javascript"> <script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400); var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) { d3.tsv("/data/example_data.tsv", function (data) {

Some files were not shown because too many files have changed in this diff Show More