Question

我一直在尝试更改按钮操作触发的Highcharts图表类型。

即。

customButton: {
    text: 'Graph Type',
    menuItems: [{
        text: 'Line',
        onclick: function() {
            chartType.chart.type = 'spline';
            $('#container').highcharts(chartType);
        }
    },
    {
        text: 'Column',
        onclick: function() {
            chartType.chart.type = 'column';
            $('#container').highcharts(chartType);
        }
    },
    {
        text: 'Scatter',
        onclick: function() {
            chartType.chart.type = 'scatter';
            $('#container').highcharts(chartType);
        }                                    
    }]
}

更改图形就像魅力一样，但一旦我这样做，就会破坏放大功能。对于mouseleave事件，我收到'uncaught TypeError：无法调用方法'inClass'of undefined'。

任何想法我做错了什么？

Answer 1

从错误中看，这些导航按钮似乎不喜欢从他们自己的回调中重新初始化。

我会避免重新整理整个图表，只修改回调中的系列：

{
    text: 'Column',
    onclick: function() {
        Highcharts.charts[0].series[0].update({
            type: 'column'
        });
    }
 }

这不会破坏缩放。小提琴here。

API：http://api.highcharts.com/highcharts#Series.update()

Highgraphs动态改变类型

1 个答案: