javascript - 为什么很难根据固定柱形图中的数据动态设置点填充和位置(高图)？

因此，我不熟悉Highcharts，并且陷入了困境。我在Highcharts中碰到了两个图表。以下链接中的图表

'http://jsfiddle.net/v5618cwk/'

这里的点间隔是使用公式'24 * 3600 * 1000'动态添加的，因此，当数据增加时，它会动态创建点间隔。然后我碰到了固定柱形图。

'http://jsfiddle.net/cf9xe3f0/'

我做了很多尝试，但是当数据增加时我无法动态创建填充和放置。

我不知道为什么这很困难，这是一项艰巨的任务。

帮助我与这种情况下的家伙。谢谢

最佳答案

由于我不知道您的新系列会是什么样，所以这里是一种通用方法。您需要添加系列并更改pointPlacement。为此，首先将pointPlacement更改为适当的值，然后添加新系列。我是在单击按钮时执行此操作的，但对于任何方法都适用：

$('#button').click(function () {
    var chart = $('#container').highcharts();

    for (i = 0; i < chart.series.length; i++) {
        if (chart.series[i].options.yAxis === 0) {
            chart.series[i].update({
                //pointPadding: 0.4,
                pointPlacement: -0.4
            });
        } else {
            chart.series[i].update({
                //pointPadding: 0.4,
                pointPlacement: 0.4
            });
        }
    }

    chart.addSeries({
        name: 'A New Series',
        color: 'green',
        data: [300, 150, 350],
        tooltip: {
            valuePrefix: '$',
            valueSuffix: ' M'
        },
        pointPadding: 0.4,
        pointPlacement: 0.1,
        yAxis: 1
    });
});

要理解的关键是series.update()和chart.addSeries()。您可以添加系列，然后全部进行全局更新。根据您拥有的新系列数量，您可能会达到一个上限，无论您做什么，它看起来都不好。

直播demo。