highcharts柱形圖上的特殊標記

Question

我的問題是一個類似於在 Highcharts: Show special marker on column chart

我有一個柱形圖，這是共同基金的回報在特定period.I直方圖要突出在共同基金感興趣的事物會以特別的標記落下。例如，我的x軸上有-50到-25，-25到0,0到10,10到20,20到30和30到50，以及相應的Y值。我想用'20到30'上的一個標記來突出顯示感興趣的共同基金落入該桶中。我知道我們可以使用樣條圖像http://www.highcharts.com/demo/spline-symbols來做到這一點。

有沒有辦法對列圖做同樣的事情？

Answer 1

一般而言，您不能將自定義標記添加到柱狀圖中，但可以添加類似的行爲。我創建與分散系列定製標記，簡單的例子，如果你想添加更多的串聯成傳說有用：http://jsbin.com/oyudan/37/edit（如果沒有，只是設置showInLegend: false）

Highcharts.updateMarketMarkers = function (chart) { 
    /* get category width */ 
    var catWidth = chart.xAxis[0].width/chart.xAxis[0].categories.length; 
    /* get padding of each column (two sides) */ 
    var catPadding = chart.series[0].options.pointPadding * catWidth; 
    /* actual value - padding - symbol width/2 */ 
    chart.series[2].markerGroup.translate(chart.series[2].markerGroup.translateX - 2 * catPadding - chart.series[2].data[0].shapeArgs.r/2); 
}; 
chart = new Highcharts.Chart({ 
    chart: { 
     renderTo: 'container', 
     type: 'column', 
     showAxes: false, 
     events: { 
      load: function() { 
       Highcharts.updateMarketMarkers(this); 
      }, 
      redraw: function() { 
       Highcharts.updateMarketMarkers(this); 
      } 
     } 
    }, 
    ... 

另一種解決方案是使用Highcharts渲染器自定義繪製形狀在特定的地方。在這裏你可以找到更多關於渲染器：http://api.highcharts.com/highcharts#Renderer