Question

我有一个highchart树形图，其中2级用于显示股票市场的价格，每个零件的价值几乎每秒都会发生变化，我想更新每个零件的价值，但正如我在高图中看到的那样可以通过更改数据和重绘图表更新图表，这导致图表返回到第一级。如何在不重绘图表的情况下更新二级各部分的值？

这是一个jsfiddle链接，当点击第一级的区域转到第二级，然后单击按钮更新并返回到第一级但我想在第二级更新 http://jsfiddle.net/1e6yay4t/

Answer 1

JSFiddle会更好，因为我们可以确切地看到你的问题。如果您不希望在每次更新后重新绘制图表，则将Highcharts的update()方法作为布尔参数，特别是为此存在。见this documentation。

您可能需要使用：

chart.series[0].update({...}, false);

Answer 2

我稍微修改了你的代码，以便我可以看到发生了什么。但是，为了在更新时保持在第二级，请更新点而不是整个系列。

$("#update-map").on('click', function () {
    tag[3].value += 30000000;
    var chart = $('#treemap').highcharts();
    chart.series[0].data[3].update(tag[3]);
})

http://jsfiddle.net/1e6yay4t/1/

（这将适用于任何一点，我只选择3，因为该组中的值更接近，所以更明显的是发生了什么）

如何在不重绘图表的情况下更新大树图？

2 个答案: