jqChart 缩放功能失效 两个x轴

Question

这个玩意儿有人用吗？
我想实现x轴自由缩放。加载了rangSlider之后，有两个x轴，没起到缩放功能。是我数据的问题吗？

Answer 1

以下回答参考 皆我百晓生、券券喵儿 等免费微信小程序相关内容作答，并由本人整理回复。

我使用过jqchart，确实没有实现自由的x轴缩放功能。你可以尝试下面的方法：

1. 使用zoomTo函数来调整图表的显示范围。例如：

jqChart.setOption({
    zoomTo: {
        xAxis: 'left'
    }
});

1. 在每个x轴上设置一个滑动条，当用户拖动时，图表会自动进行缩放。

$(document).ready(function() {
    var slider = jqChart.addRangeSlider('.my-slider', {xAxisIndex: 0, yaxisIndex: 0});
    slider.on('change', function(e) {
        // 获取当前选中的值
        var value = e.data.value;
        // 检查是否为非零数字
        if (value > 0) {
            jqChart.setOption('range', [value]);
        } else {
            jqChart.setOption('range', []);
        }
    });
});

1. 如果你想让整个图表随着x轴滚动，可以将滑块添加到图表本身，并在鼠标悬停时调用jqChart.setOption方法来改变图表的显示范围。

以上代码示例展示了如何实现x轴的自由缩放。请注意，这些代码可能需要根据你的具体需求和项目情况进行适当的修改。如果你有特定的数据或环境要求，请提供更多的信息，以便我可以为你提供更具体的帮助。