如何將圖像添加到高圖表？

Question

我有高圖1000個多邊形系列的情節，但我不能顯示所有的傳說。所以我只想保留四個傳說（在分組多個多邊形系列之後）並且想寫他們的傳說。

1. case 1. Red color box 
2. case 2. Blue color box 
3. case 3. Green color box 
4. case 4. white color box 

但是我怎樣才能把這個圖例放在高圖中，因爲高圖只能根據系列數據生成圖例。或者我可以添加靜態圖像已分別在高圖多邊形系列（showinlegend：flase）中生成，以便它應該在多邊形系列中顯示爲圖例？

Answer 1

根據您的要求，如果你只是想顯示象指標四個非可點擊的傳奇，你可以使用渲染象下面這樣：

function(chart) { 
    chart.renderer.rect(80, 75, 10, 10).attr({ 
    fill: '#C5FFC5', 

}).add(); chart.renderer.text("Series 1" ,100, 85).add(); 
     chart.renderer.rect(80, 95, 10, 10).attr({ 
    fill: 'red' 
}).add(); 
    chart.renderer.text("Series 2" ,100, 105).add(); 
     chart.renderer.rect(80, 115, 10, 10).attr({ 
    fill: 'green' 

}).add(); 
chart.renderer.text("Series 3" ,100, 125).add(); 
} 

編輯在你的代碼，將像下面這段代碼：

$.getJSON('data10.json', function(data) { 
    options.series=data; 
    options.chart.zoomType='x'; 
    chart = new Highcharts.Chart(options); 
     chart.renderer.rect(80, 75, 10, 10).attr({ 
      fill: '#C5FFC5', 
      stroke: 'black', 
       'stroke-width': 1 
     }).add(); 
     chart.renderer.text("Series 1", 100, 85).add(); 
     chart.renderer.rect(80, 95, 10, 10).attr({ 
      fill: 'red', 
      stroke: 'black', 
       'stroke-width': 1 
     }).add(); 
     chart.renderer.text("Series 2", 100, 105).add(); 
     chart.renderer.rect(80, 115, 10, 10).attr({ 
      fill: 'green', 
      stroke: 'black', 
       'stroke-width': 1 
     }).add(); 
     chart.renderer.text("Series 3", 100, 125).add(); 



}); 

See the working fiddle here