在3D图表中滚动时,HighCharts开始缩放

时间:2014-06-03 21:51:02

标签: javascript highcharts

如果在HighCharts 3D 图表中启用了滚动和缩放,并且您拖动滚动条以沿x轴移动,则同时创建缩放矩形并最终放大图表当你松开鼠标按钮时。

jsFiddle:http://jsfiddle.net/5cxEu/1/

$('#container').highcharts({
    chart: {
        type: 'column',
        options3d: {
            enabled: true,
            alpha: 15,
            beta: 15,
        },
        zoomType: 'xy'
    },

    xAxis: {
        min: 0,
        max: 2,
        categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas']
    },

    scrollbar: {
        enabled: true
    },

    series: [{
        name: 'John',
        data: [5, 3, 4, 7, 2],
    }, {
        name: 'Janet',
        data: [3, 1, 4, 4, 3],
    }]
});

如果图表是 2D ,则滚动按预期工作 - 不会干扰缩放功能(在jsFiddle中,只需注释 options3d.enabled )。

有没有办法让3D图表按预期工作?

1 个答案:

答案 0 :(得分:2)