2014-01-31 136 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]); 
}