javascript - Highcharts - 标签中的 HTML

标签 javascript html charts highcharts

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

fiddle 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
        }]

最佳答案

添加

legend : {
    useHTML : true
},

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

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

关于javascript - Highcharts - 标签中的 HTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47022683/

相关文章:

ios - 在 iOS-Charts (Xcode 7.3.1) 中设置 X 轴和 Y 轴时出错

javascript - 悬停值标签上的 Google Charts 工具提示触发器

javascript - 无法编译此 Typescript

php - 从地址字段创建动态谷歌地图链接

javascript - 如何使用 javascript 检测 IE/Edge?

html - 车高度度低于容器

reporting-services - SSRS : Can you have the label of a (pie) chart be both the category AND the Percent

javascript - 多态constructor.name属性访问

javascript - 为什么返回的li标签不渲染? ESlint 期待返回值

javascript - MERN Stack中如何进行子域路由?