Chart.js chartjs如何将十进制更改为X轴上的整数
我有这个chartjs代码,它是一个水平条形图Chart.js chartjs如何将十进制更改为X轴上的整数,chart.js,Chart.js,我有这个chartjs代码,它是一个水平条形图 new Chart(document.getElementById("bar-chart-grouped_E09"), { type: 'horizontalBar', data: { labels: E09_labels,
new Chart(document.getElementById("bar-chart-grouped_E09"), {
type: 'horizontalBar',
data: {
labels: E09_labels,
datasets: [
{
label: "Male",
backgroundColor: "#3e95cd",
data: E09_M_values
}, {
label: "Female",
backgroundColor: "#8e5ea2",
data: E09_F_values
}
]
},
options: {
title: {
display: true,
text: 'Drug or chemical induced diabetes mellitus'
}
}
});
但是,男性的值为0,女性的值为1,然后图形的x轴显示十进制值0.2、0.4…1、1.2,依此类推
基本上这是因为我的最大值是1,但是如果数据显示十进制值,那么它就没有意义。理想情况下,一旦添加了更多数据,图表就会更新,但我希望尽可能显示实数,以使图表更逼真。检查chartjs Scale的选项。您可以设置标尺的最小值、最大值和步长。这样,您就可以只显示0和1。检查chartjs Scale的选项。您可以设置标尺的最小值、最大值和步长。使用该选项,您可以使其仅显示0和1。尝试将其放入您的选项中,它将从零开始(以便可以显示值为1的条形图),Math.trunc将删除小数
scales: {
xAxes: [{
ticks: {
beginAtZero: true,
userCallback: function (label, index, labels) {
if (Math.trunc(label) === label) {
return label;
}
}
}
}]
},
尝试将其放入选项中,它将从零开始(以便可以显示值为1的条形图),Math.trunc将删除小数
scales: {
xAxes: [{
ticks: {
beginAtZero: true,
userCallback: function (label, index, labels) {
if (Math.trunc(label) === label) {
return label;
}
}
}
}]
},