刀頭尖箭頭餡餅highchart

Question

在具有尖箭頭壓棒工具提示，但對於餡餅它顯示只是矩形框。

我也想爲餅圖指向同樣的箭頭。

Answer 1

您可以通過擴展Highcharts來更改工具提示形狀。

(function(Highcharts) { 
     Highcharts.Renderer.prototype.symbols.callout = function(x, y, w, h, options) { 
     var arrowLength = 6, 
     halfDistance = 6, 
     r = Math.min((options && options.r) || 0, w, h), 
     safeDistance = r + halfDistance, 
     anchorX = options && options.anchorX, 
     anchorY = options && options.anchorY, 
     path; 

     path = [ 
     'M', x + r, y, 
     'L', x + w - r, y, // top side 
     'C', x + w, y, x + w, y, x + w, y + r, // top-right corner 
     'L', x + w, y + h - r, // right side 
     'C', x + w, y + h, x + w, y + h, x + w - r, y + h, // bottom-right corner 
     'L', x + r, y + h, // bottom side 
     'C', x, y + h, x, y + h, x, y + h - r, // bottom-left corner 
     'L', x, y + r, // left side 
     'C', x, y, x, y, x + r, y // top-right corner 
     ]; 

     path.splice(23, 3, 
     'L', w/2 + halfDistance, y + h, 
     w/2, y + h + arrowLength, 
     w/2 - halfDistance, y + h, 
     x + r, y + h 
    ); 

     return path; 
    }; 
    }(Highcharts)); 

http://jsfiddle.net/p0vk50o6/

文檔： - http://www.highcharts.com/docs/extending-highcharts/extending-highcharts