Question

在这里，我尝试使用动态数据inputs array data

绘制图形

但是我在控制台中遇到了一些错误错误：canvasjs.min.js:197 Uncaught TypeError: Cannot read property 'getTime' of undefined

window.onload = function () {
function setObject(name) {
  this.y = name;
}
var inputs=[1,23,21,2,67,54]
var arr = [];

for (var i = 0; i < inputs.length; i++) {

  var cookieValue = inputs[i];
  var setObj = new setObject(cookieValue);
  arr.push(setObj);
}
plot1 = JSON.stringify(arr, null, 2);
var plot = [{ "y":1},{ "y":23},{ "y":21},{ "y":2},{ "y":67},{ "y":54}]
var graph = [{
		type: "line",
    //when i try to use plot1 instead of plot then graph not showing
		dataPoints:plot
	}]

var chart = new CanvasJS.Chart("chartContainer", {
	animationEnabled: true,
	theme: "light2",
	title:{
		text: "Simple Line Chart"
	},
	axisY:{
		includeZero: false
	},

	data: graph
});
chart.render();
}

<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<div id="chartContainer" style="height: 300px; width: 100%;"></div>

当我尝试使用dataPoints:plot1时，它不起作用

plot和plot1具有相同的数据，但是为什么会发生呢？我使用错误的方法吗？提前谢谢

Answer 1

您的变量plot和plot1不相等。 plot是一个数组，但是plot1是一个字符串。 CanvasJS dataPoints选项需要一个数组，因此，如果给它一个字符串，它将不起作用。

我不知道您为什么决定在这里使用JSON.stringify()，它将arr转换为字符串。只需直接使用arr！

var graph = [{
    type: "line",
    dataPoints: arr
}]

如何使用canvasJs绘制图形？

1 个答案: