即时使用chartJS显示一系列测量值。
图表本身似乎只使用画布的一小部分。 我发现它取决于我尝试显示多少值。在不同数量的数据点上,它以不同的方式扩展,但更多的值并不意味着它使用更多的空间。
HTML:
<canvas id="myChart" width="1000" height="400"></canvas>
JS:
document.addEventListener("DOMContentLoaded",function(event){
var ctx = document.getElementById("myChart").getContext("2d");
var myLineChart = new Chart(ctx).Line({
labels: ["", "", "", "", "", ""],
datasets: [{
data: [5, 8, 6, 1, 2, 9], // Dummy values
}]
}, {
scaleOverride : true,
scaleStartValue : 0,
scaleSteps : 10,
scaleStepWidth : 5,
pointDot : false,
scaleXGridLinesStep : 9999
});
});
我尝试过一些来自互联网的修补程序:
maintainAspectRatio: false
responsive: true
对我不起作用;(
更新
似乎只有在我使用ChartNew.js时才会出现此错误。
我还在JSFiddle
中重新创建了我的问题