在highcharts上的鼠标单击事件上添加一个点

时间:2014-01-31 09:25:19

标签: javascript highcharts

我对highcharts有一个要求,当我点击图表时它应该绘制一个点。目前我在点击的点之间绘制线条。但我也想要点击它的点标记。 这是我在高图上添加自定义行的代码 -

var all_points= []; 
var all_str="";

chart: {
    events: {
        click: function(event) {
var x1=event.xAxis[0].value;

var y1=event.yAxis[0].value;                                

selected_point='['+x1+','+y1+']';

all_points.push(selected_point);
all_str=all_points.toString();


if(all_points.length>1)
{

this.addSeries({                            
type : 'line',
name : 'Trendline'+(j++),
id: 'trend',    
data: JSON.parse("[" + all_str + "]"),                                                                  

color:'#'+(Math.random()*0xEEEEEE<<0).toString(16), 
});
}
}
}
}

1 个答案:

答案 0 :(得分:0)

我认为你可以使用下面的内容。虽然我不确定你使用的是什么图表。

click: function(e) {
    var x = e.xAxis[0].value,
    y = e.yAxis[0].value,
    series = this.series[0];
    series.addPoint([x, y]);
 }