图表 JS 缩放平移答案

【问题标题】：Chart JS Zoom Pan图表 JS 缩放平移
【发布时间】：2017-07-25 17:41:19
【问题描述】：

我正在使用 Chart JS Zoom/Pan 插件 (https://github.com/chartjs/chartjs-plugin-zoom)，想知道在没有数据时是否有办法禁用它。当前的基本选项设置是

pan: {
    enabled: true,
    mode: 'x'
},
zoom: {
    enabled: true,
    mode: 'x'
}

【问题讨论】：

标签： chart.js chart.js2

【解决方案1】：

是的，您可以通过将“启用”设置为 false 和/或使用 chart.resetZoom() link 来更改此设置

【讨论】：

【解决方案2】：

试试这个：

// since myChart.update() is not working. You need to do this.

var myChartOptions = myChart.options; // need to store in variable.

// check data present
if (data.length > 0) {
    myChartOptions.pan.enabled = true;
    myChartOptions.zoom.enabled = true;
    myChart.options = myChartOptions; // update myChart.options.
}
else {
    myChartOptions.pan.enabled = false;
    myChartOptions.zoom.enabled = false;
    myChart.options = myChartOptions; // update myChart.options.
}

【讨论】：