Created
December 11, 2014 12:03
-
-
Save cddesja/00c0066685cab15d7766 to your computer and use it in GitHub Desktop.
chart2
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!doctype HTML> | |
<meta charset = 'utf-8'> | |
<html> | |
<head> | |
<link rel='stylesheet' href='//cdnjs.cloudflare.com/ajax/libs/nvd3/1.1.15-beta/nv.d3.min.css'> | |
<script src='//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'></script> | |
<script src='//d3js.org/d3.v3.min.js' type='text/javascript'></script> | |
<script src='//cdnjs.cloudflare.com/ajax/libs/nvd3/1.1.15-beta/nv.d3.min.js' type='text/javascript'></script> | |
<script src='//nvd3.org/assets/lib/fisheye.js' type='text/javascript'></script> | |
<style> | |
.rChart { | |
display: block; | |
margin-left: auto; | |
margin-right: auto; | |
width: 800px; | |
height: 400px; | |
} | |
</style> | |
</head> | |
<body > | |
<div id = 'chart14a658b5be69' class = 'rChart nvd3'></div> | |
<script type='text/javascript'> | |
$(document).ready(function(){ | |
drawchart14a658b5be69() | |
}); | |
function drawchart14a658b5be69(){ | |
var opts = { | |
"dom": "chart14a658b5be69", | |
"width": 800, | |
"height": 400, | |
"x": "Time", | |
"y": "value", | |
"group": "variable", | |
"type": "multiBarChart", | |
"id": "chart14a658b5be69" | |
}, | |
data = [ | |
{ | |
"Time": 0, | |
"variable": "FCD", | |
"value": 4093868.138449 | |
}, | |
{ | |
"Time": 364, | |
"variable": "FCD", | |
"value": 3194702.563676 | |
}, | |
{ | |
"Time": 365, | |
"variable": "FCD", | |
"value": 3194727.506867 | |
}, | |
{ | |
"Time": 728, | |
"variable": "FCD", | |
"value": 2989714.061166 | |
}, | |
{ | |
"Time": 730, | |
"variable": "FCD", | |
"value": 2989766.64883 | |
}, | |
{ | |
"Time": 1092, | |
"variable": "FCD", | |
"value": 2822217.037756 | |
}, | |
{ | |
"Time": 1095, | |
"variable": "FCD", | |
"value": 2822375.381614 | |
}, | |
{ | |
"Time": 1456, | |
"variable": "FCD", | |
"value": 2699247.024407 | |
}, | |
{ | |
"Time": 1460, | |
"variable": "FCD", | |
"value": 2699732.651188 | |
}, | |
{ | |
"Time": 1820, | |
"variable": "FCD", | |
"value": 2559285.499624 | |
}, | |
{ | |
"Time": 1825, | |
"variable": "FCD", | |
"value": 2560135.200569 | |
}, | |
{ | |
"Time": 2184, | |
"variable": "FCD", | |
"value": 2433645.364579 | |
}, | |
{ | |
"Time": 2190, | |
"variable": "FCD", | |
"value": 2434854.056889 | |
}, | |
{ | |
"Time": 2548, | |
"variable": "FCD", | |
"value": 2266017.875071 | |
}, | |
{ | |
"Time": 2555, | |
"variable": "FCD", | |
"value": 2267650.256137 | |
}, | |
{ | |
"Time": 2912, | |
"variable": "FCD", | |
"value": 2126174.434094 | |
}, | |
{ | |
"Time": 2920, | |
"variable": "FCD", | |
"value": 2128253.619506 | |
}, | |
{ | |
"Time": 3276, | |
"variable": "FCD", | |
"value": 1941107.740493 | |
}, | |
{ | |
"Time": 3285, | |
"variable": "FCD", | |
"value": 1943682.558912 | |
}, | |
{ | |
"Time": 3640, | |
"variable": "FCD", | |
"value": 1785786.01849 | |
}, | |
{ | |
"Time": 3650, | |
"variable": "FCD", | |
"value": 1788898.532488 | |
}, | |
{ | |
"Time": 4004, | |
"variable": "FCD", | |
"value": 1591925.763322 | |
}, | |
{ | |
"Time": 4015, | |
"variable": "FCD", | |
"value": 1595556.110765 | |
}, | |
{ | |
"Time": 4368, | |
"variable": "FCD", | |
"value": 1438521.463815 | |
}, | |
{ | |
"Time": 4380, | |
"variable": "FCD", | |
"value": 1442647.089179 | |
}, | |
{ | |
"Time": 0, | |
"variable": "FCA", | |
"value": 2127119.77161 | |
}, | |
{ | |
"Time": 364, | |
"variable": "FCA", | |
"value": 895456.351655 | |
}, | |
{ | |
"Time": 365, | |
"variable": "FCA", | |
"value": 895428.281421 | |
}, | |
{ | |
"Time": 728, | |
"variable": "FCA", | |
"value": 359685.746863 | |
}, | |
{ | |
"Time": 730, | |
"variable": "FCA", | |
"value": 359770.226675 | |
}, | |
{ | |
"Time": 1092, | |
"variable": "FCA", | |
"value": 324904.055916 | |
}, | |
{ | |
"Time": 1095, | |
"variable": "FCA", | |
"value": 325148.655005 | |
}, | |
{ | |
"Time": 1456, | |
"variable": "FCA", | |
"value": 245619.344458 | |
}, | |
{ | |
"Time": 1460, | |
"variable": "FCA", | |
"value": 245936.984953 | |
}, | |
{ | |
"Time": 1820, | |
"variable": "FCA", | |
"value": 66261.171653 | |
}, | |
{ | |
"Time": 1825, | |
"variable": "FCA", | |
"value": 66361.450291 | |
}, | |
{ | |
"Time": 2184, | |
"variable": "FCA", | |
"value": 2626.630934 | |
}, | |
{ | |
"Time": 2190, | |
"variable": "FCA", | |
"value": 2631.447873 | |
}, | |
{ | |
"Time": 2548, | |
"variable": "FCA", | |
"value": 350.488771 | |
}, | |
{ | |
"Time": 2555, | |
"variable": "FCA", | |
"value": 351.266902 | |
}, | |
{ | |
"Time": 2912, | |
"variable": "FCA", | |
"value": 10.093767 | |
}, | |
{ | |
"Time": 2920, | |
"variable": "FCA", | |
"value": 10.120013 | |
}, | |
{ | |
"Time": 3276, | |
"variable": "FCA", | |
"value": 0.072106 | |
}, | |
{ | |
"Time": 3285, | |
"variable": "FCA", | |
"value": 0.072323 | |
}, | |
{ | |
"Time": 3640, | |
"variable": "FCA", | |
"value": 403393.850196 | |
}, | |
{ | |
"Time": 3650, | |
"variable": "FCA", | |
"value": 404141.434472 | |
}, | |
{ | |
"Time": 4004, | |
"variable": "FCA", | |
"value": 480820.366826 | |
}, | |
{ | |
"Time": 4015, | |
"variable": "FCA", | |
"value": 483567.839993 | |
}, | |
{ | |
"Time": 4368, | |
"variable": "FCA", | |
"value": 464441.763459 | |
}, | |
{ | |
"Time": 4380, | |
"variable": "FCA", | |
"value": 467596.083747 | |
}, | |
{ | |
"Time": 0, | |
"variable": "WMW", | |
"value": 355558.741403 | |
}, | |
{ | |
"Time": 364, | |
"variable": "WMW", | |
"value": 352933.761693 | |
}, | |
{ | |
"Time": 365, | |
"variable": "WMW", | |
"value": 352934.127844 | |
}, | |
{ | |
"Time": 728, | |
"variable": "WMW", | |
"value": 351438.419228 | |
}, | |
{ | |
"Time": 730, | |
"variable": "WMW", | |
"value": 351439.134733 | |
}, | |
{ | |
"Time": 1092, | |
"variable": "WMW", | |
"value": 350161.655216 | |
}, | |
{ | |
"Time": 1095, | |
"variable": "WMW", | |
"value": 350162.704926 | |
}, | |
{ | |
"Time": 1456, | |
"variable": "WMW", | |
"value": 348991.254866 | |
}, | |
{ | |
"Time": 1460, | |
"variable": "WMW", | |
"value": 348992.614948 | |
}, | |
{ | |
"Time": 1820, | |
"variable": "WMW", | |
"value": 347870.654428 | |
}, | |
{ | |
"Time": 1825, | |
"variable": "WMW", | |
"value": 347872.287 | |
}, | |
{ | |
"Time": 2184, | |
"variable": "WMW", | |
"value": 346268.226665 | |
}, | |
{ | |
"Time": 2190, | |
"variable": "WMW", | |
"value": 346270.021455 | |
}, | |
{ | |
"Time": 2548, | |
"variable": "WMW", | |
"value": 344680.176516 | |
}, | |
{ | |
"Time": 2555, | |
"variable": "WMW", | |
"value": 344682.053807 | |
}, | |
{ | |
"Time": 2912, | |
"variable": "WMW", | |
"value": 343330.129398 | |
}, | |
{ | |
"Time": 2920, | |
"variable": "WMW", | |
"value": 343332.045806 | |
}, | |
{ | |
"Time": 3276, | |
"variable": "WMW", | |
"value": 342186.426495 | |
}, | |
{ | |
"Time": 3285, | |
"variable": "WMW", | |
"value": 342188.348642 | |
}, | |
{ | |
"Time": 3640, | |
"variable": "WMW", | |
"value": 341201.551401 | |
}, | |
{ | |
"Time": 3650, | |
"variable": "WMW", | |
"value": 341203.452191 | |
}, | |
{ | |
"Time": 4004, | |
"variable": "WMW", | |
"value": 340260.151792 | |
}, | |
{ | |
"Time": 4015, | |
"variable": "WMW", | |
"value": 340261.978607 | |
}, | |
{ | |
"Time": 4368, | |
"variable": "WMW", | |
"value": 339468.678665 | |
}, | |
{ | |
"Time": 4380, | |
"variable": "WMW", | |
"value": 339470.417501 | |
} | |
] | |
if(!(opts.type==="pieChart" || opts.type==="sparklinePlus" || opts.type==="bulletChart")) { | |
var data = d3.nest() | |
.key(function(d){ | |
//return opts.group === undefined ? 'main' : d[opts.group] | |
//instead of main would think a better default is opts.x | |
return opts.group === undefined ? opts.y : d[opts.group]; | |
}) | |
.entries(data); | |
} | |
if (opts.disabled != undefined){ | |
data.map(function(d, i){ | |
d.disabled = opts.disabled[i] | |
}) | |
} | |
nv.addGraph(function() { | |
var chart = nv.models[opts.type]() | |
.width(opts.width) | |
.height(opts.height) | |
if (opts.type != "bulletChart"){ | |
chart | |
.x(function(d) { return d[opts.x] }) | |
.y(function(d) { return d[opts.y] }) | |
} | |
d3.select("#" + opts.id) | |
.append('svg') | |
.datum(data) | |
.transition().duration(500) | |
.call(chart); | |
nv.utils.windowResize(chart.update); | |
return chart; | |
}); | |
}; | |
</script> | |
<script></script> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment