浏览器缩放而不是图表

时间:2019-07-18 08:02:02

标签: javascript d3.js zoom c3.js

在我的Web应用程序中,我使用C3 js Chart可视化数据。我只是在使用这段代码。Source

var chart = c3.generate({
    data: {
        columns: [
            ['sample', 30, 200, 100, 400, 150, 250, 150, 200, 170, 240, 350, 150, 100, 400, 150, 250, 150, 200, 170, 240, 100, 150, 250, 150, 200, 170, 240, 30, 200, 100, 400, 150, 250, 150, 200, 170, 240, 350, 150, 100, 400, 350, 220, 250, 300, 270, 140, 150, 90, 150, 50, 120, 70, 40]
        ]
    },
    zoom: {
        enabled: true
    }
});

这适用于桌面浏览器(使用鼠标滚动按钮放大)。但是使用标签设备(触摸设备)打开时缩放无法正常工作,这意味着用手指进行缩放时浏览器将代替图表进行缩放。如何避免呢?

0 个答案:

没有答案