高图表 - 标签中的HTML

时间:2017-10-30 19:16:19

标签: javascript html charts highcharts

我使用高图表API创建了一个饼图。饼图有图例(标签),我想做的是在图例中添加一些html。例如,在Microsoft的标签上,我希望图例在其名称旁边有一个带有图标 的链接 。我添加了High Charts doc中提到的use html功能,但我没有看到图标中出现的图标。有人知道为什么吗?

小提琴 http://jsfiddle.net/k0utfqbs/3/

    series: [{
        name: 'Brands',
        colorByPoint: true,
        data: [{
            name: 'Microsoft Internet Explorer <a href="https://www.microsoft.com/en-us/" ><span class="glyphicon glyphicon-arrow-left"></span></a>',
            y: 56.33
        }, {
            name: '<a href="https://www.google.com/" >Chrome</a>',
            y: 24.03
        }, {
            name: '<a href="https://www.mozilla.org/en-US/firefox/new/" >Firefox</a>',
            y: 10.38
        }]

1 个答案:

答案 0 :(得分:2)

添加

legend : {
    useHTML : true
},

告诉HighCharts你想在图例中使用HTML。

http://jsfiddle.net/k0utfqbs/6/