Question

我创建了一个虚拟表，我想在'line'类型中绘制一个p / l列。到目前为止，这是我的代码：

 var niftyProfit = [];
 var niftyProfitChartData = [];
 var sum = 0;
 data.forEach(function(obj) {
     niftyProfit.push(obj.profit);
 });
 for (var i in niftyProfit) {
     sum = sum + niftyProfit[i];
     niftyProfitChartData.push(sum);
 }

obj.profit是p / l列数据，但在折线图中。我想填充值，我在for循环中为例如。考虑profit = [4,2,-3,-5]，那么我在图表中填充的最终数组将变为[4,6,3,-2]。我怎么做到这一点？这是一个小提琴：http://jsfiddle.net/zkrh7/141/

Answer 1

我已经使用以下更改更新了jsfiddle并且它正在运行。

在剧本中

var data = [{"profit": 345}, {"profit":-4}, {"profit":58}, {"profit": -30}];
//or you can use
var data = [{"profit": 4}, {"profit":2}, {"profit":-3}, {"profit": -5}];

populateChartData(data);

并添加了图表库作为您可以看到的外部资源。然后

此外，我已将画布添加到html

<canvas id="niftyTrackerChart" width="800" height="400"></canvas>

更新了JSFiddle链接 http://jsfiddle.net/muasif80/zkrh7/156/

请查看此链接How to uses numbers array for line chart?

这就是说如果你只使用数字，那么你必须为x轴定义一个标签数组。

如何在ChartJS中绘制折线图？

1 个答案: