Chart.js 缩放显示小数点
Chart.js zoom shows decimal points
我已经使用 Chart.js 实现了图表,并使用 chartjs-plugin-zoom 实现了缩放功能,效果很好。然而,在滚动 y 轴时会给出大范围的小数点,这会导致值超出视点。如何避免小数点?
无缩放:
缩放时:
chartjs-插件-缩放代码:
plugins: {
zoom: {
pan: {
enabled: true,
},
zoom: {
wheel: {
enabled: true,
speed: .01
},
pinch: {
enabled: true
},
mode: 'xy',
}
},
},
来自https://github.com/chartjs/chartjs-plugin-zoom/issues/220#issuecomment-507543826
options: {
scales: {
yAxes: [{
ticks: {
callback: function(value) {
if (Math.floor(value) === value) {
return value
}
}
}
}]
}
}
我已经使用 Chart.js 实现了图表,并使用 chartjs-plugin-zoom 实现了缩放功能,效果很好。然而,在滚动 y 轴时会给出大范围的小数点,这会导致值超出视点。如何避免小数点?
无缩放:
缩放时:
chartjs-插件-缩放代码:
plugins: {
zoom: {
pan: {
enabled: true,
},
zoom: {
wheel: {
enabled: true,
speed: .01
},
pinch: {
enabled: true
},
mode: 'xy',
}
},
},
来自https://github.com/chartjs/chartjs-plugin-zoom/issues/220#issuecomment-507543826
options: {
scales: {
yAxes: [{
ticks: {
callback: function(value) {
if (Math.floor(value) === value) {
return value
}
}
}
}]
}
}