2017-04-07 13 views
0

稍微令人費解的問題,我很抱歉,但讓我進一步解釋。如何增加Highcharts中某個點的可點擊區域,以便每當點處於「活動狀態」時,都可以記錄點擊?

使用Highcharts.js中的折線圖,將鼠標移動到點的區域並懸停在點上並加載工具提示。我有一些點擊事件操作可以正常工作,但是我想修改它們,以便在鼠標不在其上方時單擊點,但只需在範圍內懸停點即可。

我該怎麼做呢?

+0

這可能是稍顯凌亂,而不是做的最好的方法,但你可以把手柄插入一個div這是稍大?然後使用新的div作爲句柄。 – DM98

+0

這取決於你想要達到的目標。有一件事,可以是capute chart的點擊並檢查到最近點的距離 - 如果你在jsfiddle上設置了一個實例,這將會很有幫助。 – morganfree

回答

0

從highcharts網站

http://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/chart/events-click/

chart: { 
    events: { 
     click: function (event) { 
      var label = this.renderer.label(
        'x: ' + Highcharts.numberFormat(event.xAxis[0].value, 2) + ', y: ' + Highcharts.numberFormat(event.yAxis[0].value, 2), 
        event.xAxis[0].axis.toPixels(event.xAxis[0].value), 
        event.yAxis[0].axis.toPixels(event.yAxis[0].value) 
       ) 
        .attr({ 
         fill: Highcharts.getOptions().colors[0], 
         padding: 10, 
         r: 5, 
         zIndex: 8 
        }) 
        .css({ 
         color: '#FFFFFF' 
        }) 
        .add(); 

      setTimeout(function() { 
       label.fadeOut(); 
      }, 1000); 
     } 
    } 
} 
+0

這不是我所要求的,但感謝您抽出時間回覆 – Lightspeed

+0

我一定誤解了你,你是否想要在點的半徑內捕獲點擊? –