Highcharts：通過點擊顯示多個提示，反之亦然

我搜索的方式來顯示一個永久提示：Highcharts：通過點擊顯示多個提示，反之亦然

點擊點 - >工具提示進行了克隆，如果你點擊永久顯示
再次同一點，克隆被刪除
多個提示允許在同一時間顯示

大多數我工作的事情，但也有需要有一些小問題固定：

$(function() { 
cloneToolTip = null; 
checkx = []; 
checky = []; 
clone = []; 
del = []; 
chart = new Highcharts.Chart({ 
    chart: { 
     renderTo: 'container' 
    }, 
    xAxis: { 
     categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
    }, 

    plotOptions: { 
     series: { 
      cursor: 'pointer', 
      point: { 
       events: { 
        click: function() { 
         //check if point was already clicked 
         if (checkx.indexOf(event.point.x) >= 1 & checky.indexOf(event.point.y) >= 1) { 
          //remove tooltip 
          chart.container.firstChild.removeChild(clone[checkx.indexOf(event.point.x)]); 

          //remove xy coordinate and clone from array --> tooltip can be displayed again 
          /*del=checkx.indexOf(event.point.x); 
          clone.splice(del, 1); 
          checky.splice(del, 1); 
          checkx.splice(del, 1);*/ 
         } 
         //cloneToolTip=null; 
         if (checkx.indexOf(event.point.x) == -1 & checky.indexOf(event.point.y) == -1) { 
          cloneToolTip = this.series.chart.tooltip.label.element.cloneNode(true); 
          chart.container.firstChild.appendChild(cloneToolTip); 
          //save coordinates and tooltip object 
          checkx.push(event.point.x); 
          checky.push(event.point.y); 
          clone.push(cloneToolTip); 
         } 
        } 
       } 
      } 
     } 
    }, 

    series: [{ 
     data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4] 
    }] 
});

}）;

我的問題是：

第一選擇的工具提示，也就是它的克隆，不能被刪除
當克隆被刪除，則無法再次持續顯示工具提示。我試圖刪除在所有三個數組對應的條目（註釋代碼塊），但是沒有一個克隆的是這種修正後取出

我真的是初學者和谷歌有很多找的例子，但這個問題我無法自行修復。有人可以給我一個提示嗎？

謝謝！

來源

2013-04-23 user2285607

問題是從返回的值。它將返回數組的索引，因此它從0開始，而您的if聲明與1合作。

此外，我做了一些其他更改（否則在Chrome中我得到一些錯誤）。例如：http://jsfiddle.net/7vkZV/

來源

2013-04-23 15:25:17

謝謝！如果我有足夠的聲望，我會給你+1！ – user2285607 2013-04-24 08:17:30

任何想法如何實現相同的結果，但點擊工具提示本身，而不是點？ – ps0604 2015-04-08 16:59:38

工具提示沒有Highcharts中的點擊事件。但我們仍然可以嘗試這種方式：http://jsfiddle.net/7vkZV/12/ - 注意，這只是一個想法，您需要編寫用於存儲現有工具提示的邏輯，以便稍後可以刪除它們。另外，您需要在工具提示中存儲HTML元素，而不僅僅是SVG部分。 – 2015-04-09 11:55:10

Highcharts：通過點擊顯示多個提示，反之亦然

回答

相關問題