From 72de621d77dc1e0fc21a2409d310d6dcdc3eee9e Mon Sep 17 00:00:00 2001 From: Frederic Guillot Date: Sun, 22 Mar 2015 18:44:45 -0400 Subject: Add budget graph --- assets/js/src/budget.js | 38 ++++++++++++++++++++++++++++++++++++++ 1 file changed, 38 insertions(+) create mode 100644 assets/js/src/budget.js (limited to 'assets/js/src') diff --git a/assets/js/src/budget.js b/assets/js/src/budget.js new file mode 100644 index 00000000..ee39c68c --- /dev/null +++ b/assets/js/src/budget.js @@ -0,0 +1,38 @@ +Kanboard.Budget = (function() { + + jQuery(document).ready(function() { + + if (Kanboard.Exists("budget-chart")) { + + var labels =$("#chart").data("labels"); + var serie = $("#chart").data("serie"); + var types = ["in", "out", "left"]; + var data = []; + + for (var i = 0; i < serie.length; i++) { + + for (var j = 0; j < types.length; j++) { + var row = {}; + row[labels["date"]] = serie[i]["date"]; + row[labels["value"]] = serie[i][types[j]]; + row[labels["type"]] = labels[types[j]]; + + data.push(row); + } + } + + var svg = dimple.newSvg("#chart", 750, 600); + var myChart = new dimple.chart(svg, data); + + var x = myChart.addCategoryAxis("x", [labels["date"], labels["type"]]); + x.addOrderRule(labels["date"]); + + myChart.addMeasureAxis("y", labels["value"]); + + myChart.addSeries(labels["type"], dimple.plot.bar); + myChart.addLegend(65, 10, 510, 20, "right"); + myChart.draw(); + } + }); + +})(); \ No newline at end of file -- cgit v1.2.3