Highcharts remove() 不一致

Question

我有一个 Highcharts ，我只想从中删除一个条形图。听起来很简单，但 remove() 方法的工作方式因我访问的数据点而异。

就像是...

chart.series[0].data[0].remove();

...效果很好。删除栏和与栏关联的类别。现在有一个小变化:

chart.series[0].data[1].remove(); 

虽然删除了栏，但类别没有。尝试修改类别并使用 setCategory 并不能缓解问题。

请参阅: http://jsfiddle.net/FxY63/2/

我需要施展什么样的魔法，以便按“删除点 2”正确清理类别数组并在 y 轴上留下正确数量的抽动？

Answer 1

这似乎是我从搜索中想出的唯一解决方案。将您的类别和数据存储到数组中，并根据您想要从数组中删除拼接数据/类别的索引，并将类别/数据重新设置为图表，使其使用新数据重新绘制。

fiddle 演示:http://jsfiddle.net/3dcbY/

var categories = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
var data = [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4];

// button handler
$('#button1').click(function() {
    var series = chart.series[0];
    if (series.data.length) {
        categories.splice(0,1);
        data.splice(0,1);

        series.setData(data);
        chart.xAxis[0].setCategories(categories);
    }
});

// button handler
$('#button2').click(function() {
    var series = chart.series[0];
    if (series.data.length) {
        categories.splice(1,1);
        data.splice(1,1);

        series.setData(data);
        chart.xAxis[0].setCategories(categories);
    }
});