我有一個標準的水平堆疊圖表,但它似乎有圖形和圖例(由大紅色圓圈波紋管表示)刪除空白空間在chart.js之圖表
差距較大我曾在許多配置選項看了,但我找不到在哪裏它來自
$(function(){
myBarChart = new Chart($("#myChart"), {
type: 'horizontalBar',
data: {
labels: ["Actions"],
datasets: [{
label: 'Closed : 50 (65%)',
data: [50],
backgroundColor: [
'rgba(255, 0, 0, 0.5)'
],
borderColor: [
'rgba(255, 0, 0, 1)'
],
borderWidth: 1
}, {
label: 'Delayed : 20 (12%)',
data: [20],
backgroundColor: [
'rgba(0, 0, 255, 0.5)'
],
borderColor: [
'rgba(0, 0, 255, 1)'
],
borderWidth: 1
},
{
label: 'Open : 12 (5%)',
data: [12],
backgroundColor: [
'rgba(0, 255, 0, 0.5)'
],
borderColor: [
'rgba(0, 255, 0, 1)'
],
borderWidth: 1
}
]
},
options: {
//tooltips: { enabled: false },
maintainAspectRatio: false,
responsive: true,
legend: {
position: "right"
},
scales: {
xAxes: [{
max: 82,
display: false,
gridLines: {
display: false
},
stacked: true
}],
yAxes: [{
max: 82,
display: false,
gridLines: {
display: false,
},
stacked: true,
ticks: {
beginAtZero: true
}
}]
}
}
});
});
編輯:Woopsie,我已經忘了加我做了小提琴:
http://jsfiddle.net/uLUAT/1165/
您可以將您的代碼?即時通訊使用它,我解決了這個問題。您應該更新x軸的最大值。如果你分享你的代碼,我可以幫助更多 – cbalakus
完成後,我準備了小提琴但完全忘了鏈接它,我的壞! –