我在图表中添加了一个系列:
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] ]
,你可以看到十字准线聚焦在新添加的点上 - 它肯定存在,但没有十字准线悬停在关键,你只是看不到它。
您可以看到的其他曲线也是图表上的所有areaspline
系列。
我想知道Z顺序是否已经搞砸了,并且新点在某个区域样条线之后?
我创造了一个小提琴,展示了我的意思:
http://jsfiddle.net/j08L6afh/
因此,在点击“添加点”按钮之前,将鼠标悬停在周围并证明只有两个散点。然后,如果你单击顶部的按钮,那么它将添加点,你可以通过将鼠标悬停在附近并获得十字准线来找到它,但是你将看不到标记。
更新
我从图表中删除了曲线,因此散点图是唯一的系列:
http://jsfiddle.net/j08L6afh/1/
现在您可以看到它按预期工作,因此它似乎被一条或多条曲线隐藏。我怎样才能在前面提出新观点?
答案 0 :(得分:0)
所以我通过对一组测量值进行.push
并重新初始化整个图表来解决这个问题。
它有效,但我想有更好的方法?