我有一个条形图,它每秒钟自动跳过xAxes标签。我需要显示所有标签,但是设置AutoSkip:False无效。
下面是我的代码,我从中删除了一些额外的数据集。
var myChart2 = new Chart(document.getElementById("ch2"), {
type: 'bar',
data: {
datasets: [
{
label: 'Budget',
data: [<data here>]
}
]
},
options: {
tooltips: {
callbacks: {
label: function (tooltipItem, data) {
return '$' + tooltipItem.yLabel;
}
}
},
scales: {
yAxes: [{
ticks: {
beginAtZero: true,
callback: function (value, index, values) {
return '$' + (value >= 1000000 ? value/1000000+'M' : value);
}
},
stacked: true
}],
xAxes: [{
type: "time",
ticks: {
autoSkip: false // Not working
},
time: {
unit: 'month',
format: 'DD MMM YYYY',
tooltipFormat: 'MMM YYYY',
displayFormats: {
month: 'MMM'
}
},
offset: true,
gridLines: {
display: false,
offsetGridLines: true
}
}]
}
}
});
最佳答案
就我而言,我需要设置source: date
。您将在xAxi上获得所有日期步骤。顺便说一句,尝试source: auto
,它将尝试设置最佳步数(不是全部)。在这里检查https://www.chartjs.org/docs/latest/axes/cartesian/time.html#ticks-source
关于chart.js - 自动跳过: False not working on time xAxes labels,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/54613734/