Javascript 使用Chart.js时未正确呈现图表
我正在使用Chart.js绘制一个折线图。问题在于其中一个数据集。当我用变量添加第三个数据集时,最大值变为8,而不是128Javascript 使用Chart.js时未正确呈现图表,javascript,charts,Javascript,Charts,我正在使用Chart.js绘制一个折线图。问题在于其中一个数据集。当我用变量添加第三个数据集时,最大值变为8,而不是128 datasets : [ { fillColor : "#1abc9c", strokeColor : "#1abc9c", pointColor : "#1abc9c",
datasets : [
{
fillColor : "#1abc9c",
strokeColor : "#1abc9c",
pointColor : "#1abc9c",
pointStrokeColor : "#fff",
data : response.countStart
},
{
fillColor : "#3498db",
strokeColor : "#3498db",
pointColor : "#3498db",
pointStrokeColor : "#fff",
data : response.countSeen
},
{
fillColor : "#e67e22",
strokeColor : "#e67e22",
pointColor : "#e67e22",
pointStrokeColor : "#fff",
data: response.countClicked
//data : [0, 0, 10, 1, 0, 0, 0, 3, 0, 0, 0, 0, 0, 0, 0, 0, 8, 0, 0, 6, 11, 15, 20, 2]
}
]
我有三个数据集,我使用AJAX获取它们,并在收到响应时创建图表。将最后一个数据集添加到数组时出现问题。response.countClicked注释行实际上就是该数组。当我使用硬编码时它是可以的,但是当我使用那个变量时有一个问题。当我在第三个数据集使用response.countSeen或response.countStart等其他变量时也可以我对选项进行了修改,并按照我的需要进行了渲染。我创建了选项,并在创建图表时使用了它,效果很好
// getting the most possible array that contains the max value
var max = Math.max.apply(Math, response.countSeen);
var steps = max / 10;
var options = {
scaleOverride: true,
scaleSteps: steps,
scaleStepWidth: 10,
scaleStartValue: 0
};