[英]Chart.js line doesn't fit in
由最大點組成的線不適合圖表...我嘗試使用自適應,編輯高度-都一樣。
var ctx = document.getElementById('chart').getContext('2d');
var colors = ['#3e95cd', '#8e5ea2', '#3cba9f', '#e8c3b9', '#c45850'];
var datasets = [];
for (var id in data) {
datasets.push({
data: Object.values(data[id].items),
label: data[id].name,
borderColor: colors.pop(),
fill: false
})
}
window.myLine = Chart.Line(ctx, {
type: 'line',
data: {
labels: Object.keys(data[1].items),
datasets: datasets,
},
options: {
responsive: true,
title: {
display: true,
text: _DATE.clone().subtract(_PERIOD, 'days').format('YYYY-MM-DD') + ' - ' + _DATE.format('YYYY-MM-DD')
}
}
});
你必須增加畫布的高度
例如:
<div style="height: 200px" id="chart"> </div>
或在您的CSS文件中。
我希望這有幫助。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.