更改鼠標發現的工具提示位置

我正在使用highcharts餅圖，並且需要將工具提示位置更改爲鼠標位於圖表上的位置。目前我試圖改變它的位置，但它不工作。更改鼠標發現的工具提示位置

這裏是我試圖創建和使用圖表：

chartObj = new Highcharts.Chart({ 
    chart: { 
     renderTo: container, 
     plotBackgroundColor: null, 
     plotBorderWidth: null, 
     plotShadow: false, 
     animation: false, 
     backgroundColor: '#e4e6e1', 
     height: 300 
    }, 
    colors: colors, 
    title: { 
     text: title 
    }, 
    tooltip: { 
     positioner: function (boxWidth, boxHeight, point) { 
      return { x: point.plotX + this.chart.plotLeft, y: point.plotY + this.chart.plotTop }; 
     }, 
     pointFormat: '<b>{point.percentage}%</b>', 
     percentageDecimals: 1, 
     style: { 
      color: '#333333', 
      fontSize: '12px', 
      padding: '8px', 
      opacity: 1 
     } 
    }, 
    plotOptions: { 
     pie: { 
      allowPointSelect: false, 
      cursor: 'pointer', 
      dataLabels: { 
       enabled: width < 1500 ? false : true, 
       color:'#000000', 
       useHTML: true, 
       formatter: function() { return this.percentage.toFixed(2) + "%"; }, 
       connectorWidth: 0, 
       distance: 5 
      }, 
      showInLegend: true, 
      color: '#000000', 
      connectorColor: '#000000', 
      point: { 
       events: { 
        legendItemClick: function() { 
         return false; 
        } 
       } 
      }, 
     }, 
    }, 
    series: [{ type: 'pie', 
       name: title, 
       visible: chart_visible, 
       data: data, 
    }], 
    credits: { 
     enabled: false 
    }, 
    legend: { 
     layout: 'horizontal', 
     backgroundColor: '#FFFFFF', 
     align: 'center', 
     verticalAlign: 'bottom', 
     x: 0, 
     y: 0, 
     floating: false, 
     shadow: true 
    }, 
    exporting: { 
     enabled: false 
    } 
}); 
chartObj.series[0].setData(data); 

return chartObj;

來源

2013-06-04 Chanan Berler

不幸的是point.x和point.y始終是圓形切片相同的 - 他們不是鼠標的位置。

可能的解決方法是使用points.event.mouseOver和mouseOut並創建您自己的工具提示（通過該事件顯示一些絕對值）。

來源

2013-06-04 15:05:00

更改鼠標發現的工具提示位置

回答

相關問題