在highcharts標籤中添加圖片

我想繪製Highchart並將圖片和文字放置在切片上。但不知何故SVG圖像沒有得到顯示。在highcharts標籤中添加圖片

下面是小提琴鏈接

一些。我正在使用Series對象，以顯示圖像的代碼是

formatter : function(){ 
      return '<svg class="icon"> 
        <circle cx="10" cy="10" r="10" fill="red" /></svg> 7 
        %' ; 
},

來源

2015-04-17 Gags

請注意，在SVG中渲染SVG將在該數據標籤下面呈現工具提示。您還需要爲tooltip設置useHTML（使用@faraz的答案），並在CSS中設置所有背景/邊框/陰影，而不是Highcharts的默認值。問題的示例：http://jsfiddle.net/mo8dfztx/5/ –

Highchart的默認渲染使用SVGs文本節點，只渲染文本。你需要強制標籤使用HTML：

dataLabels:{ 
    useHTML: true, 
    formatter : function(){ 
     return '<svg class="icon"><circle cx="10" cy="10" r="10" fill="red" /></svg> 7 %' ; 
    }, 
}

注意這將導致一些非常古怪的渲染，所以你需要相應地調整CSS。

來源

2015-04-17 11:18:10 fny

我的擔心現在是相同的..我想標籤是完全在每個切片的圖標中心..好心建議 – Gags

我接受這個答案爲這個解決了圖像問題，但仍然集中在每個切片沒有解決 – Gags

對不起，但我沒有時間深入瞭解。希望這有助於你進一步。 – fny

在highcharts標籤中添加圖片

回答

相關問題