2014-01-31 58 views
0

我对高图有要求,当我点击图表时应该画一个点。目前我在点击点之间绘制线条。但是我也想指出它在哪里被点击。 这里是我的代码对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), 
}); 
} 
} 
} 
} 
+0

请为此创建一个jsfiddle并与我们分享。 –

+1

看看图表http://www.highcharts.com/demo/dynamic-click-to-add –

回答

0

添加自定义行我认为你可以使用下面的。虽然我不确定你使用的是哪张图表。

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