Javascript Chart.JS:隐藏/取消隐藏数据集时,是否阻止图表重新缩放?
我有几个堆叠的条形图,显示了一组数据集。用户通常需要隐藏或取消隐藏单个数据集。我需要Javascript Chart.JS:隐藏/取消隐藏数据集时,是否阻止图表重新缩放?,javascript,chart.js,Javascript,Chart.js,我有几个堆叠的条形图,显示了一组数据集。用户通常需要隐藏或取消隐藏单个数据集。我需要responsive属性提供的几个功能,即在调整窗口大小时更新图表大小,或者在底层数据更改时重新渲染 但是,当单个数据集被隐藏或取消隐藏时,图表会重新缩放,因此任何具有最高值的条都会成为缩放的顶部。这使得很难理解隐藏/显示数据集对各种条的总大小的影响 有没有办法保持所有其他“响应”功能,但将其设置为隐藏数据集不会触发重新缩放?这并不困难。您的选项中有min和max属性可覆盖任何重新排列。只需循环所有数据,并将最大
responsive
属性提供的几个功能,即在调整窗口大小时更新图表大小,或者在底层数据更改时重新渲染
但是,当单个数据集被隐藏或取消隐藏时,图表会重新缩放,因此任何具有最高值的条都会成为缩放的顶部。这使得很难理解隐藏/显示数据集对各种条的总大小的影响
有没有办法保持所有其他“响应”功能,但将其设置为隐藏数据集不会触发重新缩放?这并不困难。您的选项中有
min
和max
属性可覆盖任何重新排列。只需循环所有数据,并将最大值设置为max
属性
let chart = new Chart(ctx, {
type: 'bar',
data: { ... },
options: {
scales: {
yAxes: [{
ticks: {
min: 0,
max: 100
}
}]
}
}
}
啊!!不知道为什么我没有想到这一点,我已经为图表设置了很多次最小/最大值,只是没有在每次数据更改时都设置它。谢谢