Chart.js 图表js中的条形图闪烁问题
我得到闪烁的问题,以及图表js的缩放问题。这意味着我有一个条形图在这一些水平是如此之高,意味着其中一些是20k 30k,其中一些是0.1的数据,所以当我悬停到最近的较少的数据栏,它消失了所有的图表,它只显示我的图表,但我不想知道如何禁用这件事 真实图表: 问题图像的缩放或闪烁:Chart.js 图表js中的条形图闪烁问题,chart.js,Chart.js,我得到闪烁的问题,以及图表js的缩放问题。这意味着我有一个条形图在这一些水平是如此之高,意味着其中一些是20k 30k,其中一些是0.1的数据,所以当我悬停到最近的较少的数据栏,它消失了所有的图表,它只显示我的图表,但我不想知道如何禁用这件事 真实图表: 问题图像的缩放或闪烁: 将此添加到代码中以禁用Y方向缩放 zoom: { // Boolean to enable zooming enabled: false,
将此添加到代码中以禁用Y方向缩放
zoom: {
// Boolean to enable zooming
enabled: false,
// Zooming directions. Remove the appropriate direction to disable
// Eg. 'y' would only allow zooming in the y direction
mode: 'y',
}
例如:
var myChart = new Chart(ctx, {
type: 'bar',
data: {
labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
datasets: [{
label: '# of Votes',
data: [12, 19, 3, 5, 2, 3]
}]
},
options: {
scales: {
yAxes: [{
ticks: {
beginAtZero:true
}
}]
},
pan: {
enabled: true,
mode: 'x',
speed: 1
},
zoom: {
enabled: false,
mode: 'y',
}
}
});
下次请提供您的代码,但每当我使用缩放或平移时,它都会显示一个错误。你能告诉我如何手动添加缩放重置功能吗?因为无论何时我使用任何事件,它都对我有效,因此如果我在每次初始化时都使用该事件,它将不起作用flicker@DineshKumar Behera你能给我看一下错误信息吗?
var myChart = new Chart(ctx, {
type: 'bar',
data: {
labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
datasets: [{
label: '# of Votes',
data: [12, 19, 3, 5, 2, 3]
}]
},
options: {
scales: {
yAxes: [{
ticks: {
beginAtZero:true
}
}]
},
pan: {
enabled: true,
mode: 'x',
speed: 1
},
zoom: {
enabled: false,
mode: 'y',
}
}
});