mirror of
https://github.com/gwenhael-le-moine/ledgerrb.git
synced 2025-01-11 08:01:03 +01:00
72 lines
11 KiB
HTML
72 lines
11 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<script src="js/d3.js" charset="utf-8"></script>
|
||
|
|
<script src="js/nv.d3.js"></script>
|
||
|
|
<link rel="stylesheet" href="stylesheets/nv.d3.css" />
|
||
|
|
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<div id="test"><svg height="400"></svg></div>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
|
||
|
|
function renderChart(chart, data, container) {
|
||
|
|
d3.select(container)
|
||
|
|
.datum(data)
|
||
|
|
.transition().duration(1000).call(chart);
|
||
|
|
|
||
|
|
nv.utils.windowResize(
|
||
|
|
function() {
|
||
|
|
chart.update();
|
||
|
|
}
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
function createMultiBarChartByDate(data, container) {
|
||
|
|
|
||
|
|
var chart = nv.models.multiBarChart()
|
||
|
|
.width(500)
|
||
|
|
.height(200)
|
||
|
|
.x(function(d,i) { return d[0] })
|
||
|
|
.y(function(d) { return d[1] })
|
||
|
|
.margin({left:150,top:10,right:10,bottom:20});
|
||
|
|
|
||
|
|
chart.showLegend(false);
|
||
|
|
// chart.showControls(false);
|
||
|
|
|
||
|
|
chart.yAxis.axisLabel('Y Axis Label')
|
||
|
|
chart.xAxis.axisLabel('X Axis Label')
|
||
|
|
chart.xAxis.rotateLabels(90)
|
||
|
|
chart.xAxis = chart.xAxis
|
||
|
|
.height(500)
|
||
|
|
.highlightZero(true)
|
||
|
|
// .showMaxMin(true)
|
||
|
|
// .tickFormat(function(d) {
|
||
|
|
// return d3.time.format('%H:%M')(new Date(d * 1000));
|
||
|
|
// })
|
||
|
|
// .tickSize(24);
|
||
|
|
renderChart(chart, data, container);
|
||
|
|
return chart;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
var dta = [
|
||
|
|
{
|
||
|
|
"key": "Series 1",
|
||
|
|
"values": [[1378499400.0, 42.48492777777778], [1378499700.0, 47.88234], [1378500000.0, 44.84776333333333], [1378500300.0, 47.109006666666666], [1378500600.0, 43.58863666666666], [1378500900.0, 47.441563333333335], [1378501200.0, 49.18689666666666], [1378501500.0, 54.136046666666665], [1378501800.0, 45.91582], [1378502100.0, 44.993363333333335]]
|
||
|
|
}
|
||
|
|
];
|
||
|
|
|
||
|
|
createMultiBarChartByDate(dta, '#test svg');
|
||
|
|
// "values": [[1378499400.0, 42.48492777777778], [1378499700.0, 47.88234], [1378500000.0, 44.84776333333333], [1378500300.0, 47.109006666666666], [1378500600.0, 43.58863666666666], [1378500900.0, 47.441563333333335], [1378501200.0, 49.18689666666666], [1378501500.0, 54.136046666666665], [1378501800.0, 45.91582], [1378502100.0, 44.993363333333335], [1378502400.0, 47.11236666666666], [1378502700.0, 45.64142666666667], [1378503000.0, 42.54392666666667], [1378503300.0, 44.25646999999999], [1378503600.0, 42.615916666666664], [1378503900.0, 44.68276], [1378504200.0, 41.195029999999996], [1378504500.0, 43.10806], [1378504800.0, 40.17754333333333], [1378505100.0, 41.70777666666667], [1378505400.0, 37.74328], [1378505700.0, 41.09789333333334], [1378506000.0, 35.19004666666667], [1378506300.0, 37.66643666666666], [1378506600.0, 36.94606], [1378506900.0, 48.45341666666667], [1378507200.0, 50.07483333333333], [1378507500.0, 41.8583], [1378507800.0, 35.19555666666667], [1378508100.0, 39.42828333333333], [1378508400.0, 38.777773333333336], [1378508700.0, 38.21801], [1378509000.0, 34.11682333333333], [1378509300.0, 37.42897333333333], [1378509600.0, 33.81621666666667], [1378509900.0, 37.66354333333333], [1378510200.0, 34.79157333333334], [1378510500.0, 39.96856666666666], [1378510800.0, 35.35819333333333], [1378511100.0, 38.852086666666665], [1378511400.0, 34.12006], [1378511700.0, 38.587740000000004], [1378512000.0, 36.727540000000005], [1378512300.0, 49.304359999999996], [1378512600.0, 35.824576666666665], [1378512900.0, 38.041573333333325], [1378513200.0, 33.37989666666666], [1378513500.0, 37.452906666666664], [1378513800.0, 34.32699666666667], [1378514100.0, 37.194336666666665], [1378514400.0, 36.135200000000005], [1378514700.0, 39.13176], [1378515000.0, 34.904226666666666], [1378515300.0, 39.11863], [1378515600.0, 35.71040000000001], [1378515900.0, 44.32563], [1378516200.0, 43.52562333333333], [1378516500.0, 43.813386666666666], [1378516800.0, 34.273073333333336], [1378517100.0, 37.39768333333334], [1378517400.0, 32.85422333333334], [1378517700.0, 37.95509], [1378518000.0, 35.641099999999994], [1378518300.0, 38.68072333333334], [1378518600.0, 34.28395666666667], [1378518900.0, 39.11672333333333], [1378519200.0, 36.52790666666667], [1378519500.0, 38.57375], [1378519800.0, 43.625463333333336], [1378520100.0, 37.89967666666667], [1378520400.0, 32.451593333333335], [1378520700.0, 38.51917666666667], [1378521000.0, 35.60178333333333], [1378521300.0, 38.31116], [1378521600.0, 36.037013333333334], [1378521900.0, 38.339863333333334], [1378522200.0, 36.19885], [1378522500.0, 37.43489], [1378522800.0, 37.882466666666666], [1378523100.0, 37.26560333333333], [1378523400.0, 35.580276666666656], [1378523700.0, 36.288673333333335], [1378524000.0, 34.83732333333334], [1378524300.0, 35.63569], [1378524600.0, 36.89978666666667], [1378524900.0, 35.193356666666666], [1378525200.0, 36.76336], [1378525500.0, 35.86881666666667], [1378525800.0, 36.50062], [1378526100.0, 35.84009999999999], [1378526400.0, 38.39757], [1378526700.0, 38.63100333333334], [1378527000.0, 43.111059999999995], [1378527300.0, 37.64858], [1378527600.0, 35.73519], [1378527900.0, 34.93261], [1378528200.0, 36.60717666666666], [1378528500.0, 35.07233], [1378528800.0, 36.65923333333333], [1378529100.0, 36.76741666666667], [1378529400.0, 36.25996666666667], [1378529700.0, 35.639536666666665], [1378530000.0, 39.73153333333333], [1378530300.0, 36.71425333333333], [1378530600.0, 35.98138], [1378530900.0, 36.00459666666667], [1378531200.0, 34.82700333333334], [1378531500.0, 35.495596666666664], [1378531800.0, 36.91672], [1378532100.0, 35.89139], [1378532400.0, 34.695840000000004], [1378532700.0, 37.31284333333333], [1378533000.0, 34.9039], [1378533300.0, 37.543303333333334], [1378533600.0, 37.16708666666667], [1378533900.0, 49.969449999999995], [1378534200.0, 34.837646666666664], [1378534500.0, 44.482119999999995], [1378534800.0, 33.00140333333333], [1378535100.0, 36.78384], [1378535400.0, 34.18490666666667], [1378535700.0, 36.85124666666666], [1378536000.0, 34.02258666666667], [
|
||
|
|
|
||
|
|
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|