向系列添加点时,标记不会显示(它被其他区域样条隐藏)

时间:2015-08-13 13:34:26

标签: highcharts

我在图表中添加了一个系列:

chart.addSeries({
    id: 'child-bmi-scores',
    name: 'Child\'s BMI',
    color: 'blue',
    type: 'scatter',
    showInLegend: false,
    data: [ [3, 20], [10, 16] ]
});

以后,我想为该系列增加一点。所以我做到了:

var chart = chartContainer.highcharts();

var series = chart.get('child-bmi-scores');

series.addPoint(
    {
        x: 16.5,
        y: 19,
        height: 456,
        weight: 789,
        ageYears: 16,
        ageMonths: 6
    } 
);

这一点确实得到了补充,但麻烦的是蓝色标记不可见。

你可以从下图中看到,两个可见的蓝色方块来自最初的data: [ [3, 20], [10, 16] ],你可以看到十字准线聚焦在新添加的点上 - 它肯定存在,但没有十字准线悬停在关键,你只是看不到它。

enter image description here

您可以看到的其他曲线也是图表上的所有areaspline系列。

我想知道Z顺序是否已经搞砸了,并且新点在某个区域样条线之后?

我创造了一个小提琴,展示了我的意思:
http://jsfiddle.net/j08L6afh/

因此,在点击“添加点”按钮之前,将鼠标悬停在周围并证明只有两个散点。然后,如果你单击顶部的按钮,那么它将添加点,你可以通过将鼠标悬停在附近并获得十字准线来找到它,但是你将看不到标记。

更新
我从图表中删除了曲线,因此散点图是唯一的系列: http://jsfiddle.net/j08L6afh/1/

现在您可以看到它按预期工作,因此它似乎被一条或多条曲线隐藏。我怎样才能在前面提出新观点?

1 个答案:

答案 0 :(得分:0)

所以我通过对一组测量值进行.push并重新初始化整个图表来解决这个问题。

它有效,但我想有更好的方法?