mirror of https://github.com/vitalif/dimple
Compare commits
33 Commits
Author | SHA1 | Date |
---|---|---|
|
1a32f3e8d6 | |
![]() |
dbf65501fb | |
![]() |
7d5cf26b65 | |
![]() |
78c940f113 | |
![]() |
b329561cc5 | |
![]() |
951c4023c6 | |
![]() |
20d9960223 | |
![]() |
b03591af98 | |
![]() |
ab4dea320c | |
![]() |
284fae6be5 | |
![]() |
76e5921620 | |
![]() |
df68494024 | |
![]() |
18bc6ce6b3 | |
![]() |
2a08a7cffa | |
![]() |
cdf8e3c1c0 | |
![]() |
6e00a090fe | |
![]() |
c886590261 | |
![]() |
c388d5bdbe | |
![]() |
67bc3a57b5 | |
![]() |
2135f516bc | |
![]() |
9bbd67ec2d | |
![]() |
8396a2b711 | |
![]() |
c3a10e5a2d | |
![]() |
7094c77b97 | |
![]() |
fd08ad739e | |
![]() |
d4c0c691f2 | |
![]() |
308c1a5049 | |
![]() |
c2e89bff47 | |
![]() |
40ce843be0 | |
![]() |
37d94f51ec | |
![]() |
9078202d24 | |
![]() |
449e09d5a2 | |
![]() |
d99c6ea0cd |
examples
|
@ -5,3 +5,4 @@ node_modules
|
|||
help
|
||||
image_creator
|
||||
tmp
|
||||
notes
|
|
@ -1,5 +1,8 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<html>
|
||||
<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 type="text/javascript">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
|
@ -19,4 +22,5 @@
|
|||
myChart.draw();
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
</div>
|
||||
</html>
|
|
@ -1,5 +1,8 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<html>
|
||||
<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 type="text/javascript">
|
||||
// This is the simple vertical grouped stacked 100% bar example
|
||||
|
@ -44,4 +47,5 @@
|
|||
myChart.draw(2000);
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
</div>
|
||||
</html>
|
|
@ -1,5 +1,8 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<html>
|
||||
<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 type="text/javascript">
|
||||
// Start off with a couple of rows of data
|
||||
|
@ -29,4 +32,5 @@
|
|||
myChart.draw(1000);
|
||||
}, 500);
|
||||
</script>
|
||||
</div>
|
||||
</div>
|
||||
</html>
|
|
@ -1,5 +1,8 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<html>
|
||||
<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 type="text/javascript">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
|
@ -17,4 +20,5 @@
|
|||
myChart.draw(800);
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
</div>
|
||||
</html>
|
|
@ -1,5 +1,8 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<html>
|
||||
<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 type="text/javascript">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
|
@ -19,4 +22,5 @@
|
|||
myChart.draw();
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
</div>
|
||||
</html>
|
|
@ -1,5 +1,8 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<html>
|
||||
<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 type="text/javascript">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
|
@ -17,4 +20,5 @@
|
|||
myChart.draw();
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
</div>
|
||||
</html>
|
|
@ -1,34 +1,23 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<html>
|
||||
<div id="chartContainer">
|
||||
<script src="/lib/d3.v3.4.8.min.js"></script>
|
||||
<script src="/dist/dimple.v2.0.2.js"></script>
|
||||
<script src="/lib/d3.v3.min.js"></script>
|
||||
<script src="/dist/dimple.v2.0.0.js"></script>
|
||||
<script type="text/javascript">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
var myChart = new dimple.chart(svg, data);
|
||||
myChart.setBounds(60, 50, 460, 280);
|
||||
|
||||
data = [
|
||||
{ "Int": 1, "Float": 234, "Text": "XFBGR", "Date": "12/5/99", "Group": "A"},
|
||||
{ "Int": 2, "Float": 54.35, "Text": "YTREB", "Date": "1/1/00", "Group": "A"},
|
||||
{ "Int": 3, "Float": -453, "Text": "XGFDY", "Date": "2 February 2007", "Group": "B"},
|
||||
{ "Int": 4, "Float": 5436546, "Text": "XGFDE", "Date": "2000-03-01", "Group": "B"},
|
||||
{ "Int": 5, "Float": 4323, "Text": "YTREB", "Date": "10/10/2000", "Group": "C"},
|
||||
{ "Int": 6, "Float": 0, "Text": "GFDHN", "Date": "11/10/2000", "Group": "C"},
|
||||
{ "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();
|
||||
var monthAxis = myChart.addCategoryAxis("x", "Month");
|
||||
monthAxis.addOrderRule("Date");
|
||||
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>
|
||||
</div>
|
||||
</div>
|
||||
</html>
|
|
@ -9,12 +9,12 @@
|
|||
"dependencies": {
|
||||
"d3": ">=3.5.2"
|
||||
},
|
||||
"version": "2.1.6",
|
||||
"version": "2.2.0",
|
||||
"homepage": "dimplejs.org",
|
||||
"authors": [
|
||||
"johnkiernander <jkiernander@pmsi-consulting.com>"
|
||||
],
|
||||
"main": "dist/dimple.v2.1.4.min.js",
|
||||
"main": "dist/dimple.latest.min.js",
|
||||
"moduleType": [
|
||||
"amd"
|
||||
],
|
||||
|
|
|
@ -38,7 +38,7 @@
|
|||
|
||||
// Create the stub object
|
||||
var dimple = {
|
||||
version: "2.1.6",
|
||||
version: "2.2.0",
|
||||
plot: {},
|
||||
aggregateMethod: {}
|
||||
};
|
||||
|
@ -181,6 +181,9 @@
|
|||
chunks,
|
||||
suffix,
|
||||
dp;
|
||||
if (typeof this.tickFormat == 'function') {
|
||||
return this.tickFormat;
|
||||
}
|
||||
if (this.tickFormat !== null && this.tickFormat !== undefined) {
|
||||
if (this._hasTimeField()) {
|
||||
returnFormat = d3.time.format(this.tickFormat);
|
||||
|
@ -661,6 +664,11 @@
|
|||
|
||||
// The group within which to put all of this chart's objects
|
||||
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 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
|
||||
|
@ -1012,12 +1020,20 @@
|
|||
returnData.forEach(function (ret) {
|
||||
if (x !== null) {
|
||||
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;
|
||||
}
|
||||
if (y !== null) {
|
||||
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;
|
||||
}
|
||||
if (p !== null) {
|
||||
|
@ -1137,7 +1153,6 @@
|
|||
|
||||
};
|
||||
|
||||
|
||||
// Copyright: 2015 AlignAlytics
|
||||
// License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt"
|
||||
// Source: /src/objects/chart/methods/_getDelay.js
|
||||
|
@ -1278,7 +1293,11 @@
|
|||
|
||||
// Loop again to calculate shares
|
||||
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].endAngle = returnData[i].startAngle + returnData[i].piePct * (endAngle - startAngle);
|
||||
pieDictionary[returnData[i].pieKey].angle = returnData[i].endAngle;
|
||||
|
@ -1602,6 +1621,7 @@
|
|||
tooltipLabel: 'dimple-custom-tooltip-label',
|
||||
tooltipDropLine: 'dimple-custom-tooltip-dropline',
|
||||
lineMarker: 'dimple-custom-line-marker',
|
||||
lineMarkerCircle: 'dimple-custom-line-marker-circle',
|
||||
legendLabel: 'dimple-custom-legend-label',
|
||||
legendKey: 'dimple-custom-legend-key',
|
||||
areaSeries: 'dimple-custom-series-area',
|
||||
|
@ -1623,6 +1643,7 @@
|
|||
'dimple-custom-format-10'
|
||||
]
|
||||
};
|
||||
|
||||
// Copyright: 2015 AlignAlytics
|
||||
// License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt"
|
||||
// Source: /src/objects/chart/methods/defaultColors.js
|
||||
|
@ -1829,7 +1850,7 @@
|
|||
if (axis.gridlineShapes === null) {
|
||||
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
|
||||
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") {
|
||||
xGridSet = true;
|
||||
} else {
|
||||
|
@ -1845,7 +1866,7 @@
|
|||
}
|
||||
if (axis.shapes === null) {
|
||||
// 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)
|
||||
.each(function () {
|
||||
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
|
||||
// use the dimension name
|
||||
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);
|
||||
axis.titleShape
|
||||
.attr("x", titleX)
|
||||
|
@ -2177,8 +2198,6 @@
|
|||
this._heightPixels = function () {
|
||||
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 this;
|
||||
};
|
||||
|
@ -2556,6 +2575,9 @@
|
|||
this.tooltipFontFamily = "sans-serif";
|
||||
// Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-radius
|
||||
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
|
||||
this._eventHandlers = [];
|
||||
|
@ -3142,6 +3164,7 @@
|
|||
p,
|
||||
b,
|
||||
l,
|
||||
lIndex,
|
||||
lastAngle,
|
||||
catCoord,
|
||||
valCoord,
|
||||
|
@ -3408,17 +3431,20 @@
|
|||
p = getArea(interpolation, "_previousOrigin")(finalPointArray);
|
||||
b = getArea((interpolation === "step-after" ? "step-before" : (interpolation === "step-before" ? "step-after" : interpolation)), "_previousOrigin")(basePoints);
|
||||
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);
|
||||
b = getArea(interpolation === "step-after" ? "step-before" : (interpolation === "step-before" ? "step-after" : interpolation))(basePoints);
|
||||
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);
|
||||
b = getArea((interpolation === "step-after" ? "step-before" : (interpolation === "step-before" ? "step-after" : interpolation)), "_origin")(basePoints);
|
||||
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
|
||||
// the areas should be ordered first (to ensure standard distribution of colors
|
||||
|
@ -3431,7 +3457,7 @@
|
|||
}
|
||||
|
||||
if (series.shapes === null || series.shapes === undefined) {
|
||||
theseShapes = chart._group.selectAll("." + className).data(areaData);
|
||||
theseShapes = series._group.selectAll("." + className).data(areaData);
|
||||
} else {
|
||||
theseShapes = series.shapes.data(areaData, function (d) { return d.key; });
|
||||
}
|
||||
|
@ -3525,7 +3551,7 @@
|
|||
}
|
||||
|
||||
if (series.shapes === null || series.shapes === undefined) {
|
||||
theseShapes = chart._group.selectAll("." + classes.join(".")).data(chartData);
|
||||
theseShapes = series._group.selectAll("." + classes.join(".")).data(chartData);
|
||||
} else {
|
||||
theseShapes = series.shapes.data(chartData, function (d) { return d.key; });
|
||||
}
|
||||
|
@ -3644,7 +3670,7 @@
|
|||
}
|
||||
|
||||
if (series.shapes === null || series.shapes === undefined) {
|
||||
theseShapes = chart._group.selectAll("." + classes.join(".")).data(chartData);
|
||||
theseShapes = series._group.selectAll("." + classes.join(".")).data(chartData);
|
||||
} else {
|
||||
theseShapes = series.shapes.data(chartData, function (d) {
|
||||
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
|
||||
lineData[i].entry = getLine(interpolation, "_previousOrigin")(lineData[i].points);
|
||||
lineData[i].update = getLine(interpolation)(lineData[i].points);
|
||||
|
@ -3874,7 +3911,7 @@
|
|||
}
|
||||
|
||||
if (series.shapes === null || series.shapes === undefined) {
|
||||
theseShapes = chart._group.selectAll("." + className).data(lineData);
|
||||
theseShapes = series._group.selectAll("." + className).data(lineData);
|
||||
} else {
|
||||
theseShapes = series.shapes.data(lineData, function (d) { return d.key; });
|
||||
}
|
||||
|
@ -4028,7 +4065,7 @@
|
|||
}
|
||||
|
||||
if (series.shapes === null || series.shapes === undefined) {
|
||||
theseShapes = chart._group.selectAll("." + classes.join(".")).data(chartData);
|
||||
theseShapes = series._group.selectAll("." + classes.join(".")).data(chartData);
|
||||
} else {
|
||||
theseShapes = series.shapes.data(chartData, function (d) { return d.key; });
|
||||
}
|
||||
|
@ -4222,7 +4259,7 @@
|
|||
shapes;
|
||||
if (series.lineMarkers) {
|
||||
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 {
|
||||
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
|
||||
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 {
|
||||
markers = series._markers[lineDataRow.keyString].data(lineDataRow.markerData, function (d) {
|
||||
return d.key;
|
||||
|
@ -4779,26 +4816,13 @@
|
|||
// License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt"
|
||||
// Source: /src/methods/_parentHeight.js
|
||||
dimple._parentHeight = function (parent) {
|
||||
// This one seems to work in Chrome - good old Chrome!
|
||||
var returnValue = parent.offsetHeight;
|
||||
// This does it for IE
|
||||
if (returnValue <= 0 || returnValue === null || returnValue === undefined) {
|
||||
// Let's be explicit about what we are trying to get here
|
||||
var returnValue = parent.getBoundingClientRect().height;
|
||||
// If it returns nothing then go with "clientWidth"
|
||||
if (!returnValue || returnValue < 0) {
|
||||
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;
|
||||
};
|
||||
|
||||
|
@ -4806,26 +4830,12 @@
|
|||
// License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt"
|
||||
// Source: /src/methods/_parentWidth.js
|
||||
dimple._parentWidth = function (parent) {
|
||||
// This one seems to work in Chrome - good old Chrome!
|
||||
var returnValue = parent.offsetWidth;
|
||||
// This does it for IE
|
||||
// Let's be explicit about what we are trying to get here
|
||||
var returnValue = parent.getBoundingClientRect().width;
|
||||
// If it returns nothing then go with "clientWidth"
|
||||
if (!returnValue || returnValue < 0) {
|
||||
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;
|
||||
};
|
||||
|
||||
|
@ -5217,6 +5227,7 @@
|
|||
|
||||
// Add a ring around the data point
|
||||
chart._tooltipGroup.append("circle")
|
||||
.attr("class", "dimple-line-marker-circle " + chart.customClassList.lineMarkerCircle)
|
||||
.attr("cx", cx)
|
||||
.attr("cy", cy)
|
||||
.attr("r", r)
|
||||
|
|
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
// This is the simple vertical grouped stacked 100% bar example
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<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 */ -->
|
||||
<link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light' rel='stylesheet' type='text/css'>
|
||||
<style>
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
|
||||
// Create the svg and set the dimensions
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
|
||||
// Create the svg and set the dimensions
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
var data = [
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer" style="height: 100%">
|
||||
<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">
|
||||
// In version 1.1.0 it's possible to initialise any size parameter with a
|
||||
// % value as well as pixels
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
|
||||
// This code should support any data in this structure changing the data here
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<html>
|
||||
<div id="chartContainer">
|
||||
<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">
|
||||
var svg = dimple.newSvg("#chartContainer", 590, 400);
|
||||
d3.tsv("/data/example_data.tsv", function (data) {
|
||||
|
|
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue