plugins - chartjs-plugin-streaming + chartjs-插件-缩放

Question

(对不起我的英语)我将 chartjs-plugin-streaming 用于实时 chartjs，我想使用 chartjs-plugin-zoom。

但是缩放不起作用。

当我测试缩放时，出现缩放区域但是当我将鼠标从图表上移开时，什么也没有发生

我看到chartjs-plugin-zoom的方法doZoom被调用了，所以我认为问题出在streaming plugin，但我不知 Prop 体在哪里。

之前试过调用pause streaming来做zoom但是还是有同样的问题。

我该怎么做才能使缩放正常工作？

谢谢

Answer 1

chartjs-plugin-streaming v1.6.0 现在支持 chartjs-plugin-zoom。

包括 Chart.js、chartjs-plugin-zoom.js、chartjs-plugin-streaming.js 和所需的库(Moment.js 和 Hammer.js)，并添加 pan 和 缩放 选项。请注意，与其他比例类型不同，rangeMin 和 rangeMax 选项不指定时间值。相反，pan.rangeMin 和 pan.rangeMax 限制了 delay 选项值的范围，而 zoom.rangeMin 和zoom.rangeMax 限制 duration 选项值的范围。

options: {
    // Assume x axis is the realtime scale
    pan: {
        enabled: true,    // Enable panning
        mode: 'x',        // Allow panning in the x direction
        rangeMin: {
            x: null       // Min value of the delay option
        },
        rangeMax: {
            x: null       // Max value of the delay option
        }
    },
    zoom: {
        enabled: true,    // Enable zooming
        mode: 'x',        // Allow zooming in the x direction
        rangeMin: {
            x: null       // Min value of the duration option
        },
        rangeMax: {
            x: null       // Max value of the duration option
        }
    }
}