javascript - 将自定义链接添加到饼图中的系列/数据部分(highcharts.js)

标签 javascript charts highcharts

我只是想通过 highcharts 允许饼图的每个数据部分或系列可点击,例如。商店部分应链接到 #shop_section 我发现了一些演示,其中全局链接设置为图表中的每个数据部分。但我只是希望通过单击我的三个数据部分/系列之一来访问唯一的#link

   series: [{
        innerSize: '30%',
        data: [
            ['Shop', 10], 
            ['Buy', 10], 
            ['Own', 10], 
        ]
    }]
});

这不起作用:(尝试)

    data: [
        {name: 'Shop', 10, url: 'http://my_site1.com'},
        {name: 'Buy', 10,  url: 'http://my_site2.com'},
        {name: 'Own', 10,  url: 'http://my_site3.com'}
    ]

最佳答案

您的系列不正确,应该是:

data: [
    {name: 'Shop', y: 10, url: 'http://my_site1.com'},
    {name: 'Buy', y: 10,  url: 'http://my_site2.com'},
    {name: 'Own', y: 10,  url: 'http://my_site3.com'}
]

关于javascript - 将自定义链接添加到饼图中的系列/数据部分(highcharts.js),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27413155/

相关文章:

javascript - Redux 是否关心我的 API 的结构?

javascript - 在 ng-include 中传递参数

javascript - 如何使用 API office.js 在 Excel 中插入数据不连续的图表?

jquery - 在 Highcharts 中格式化 Xaxis 时间日期

javascript - 重置缩放不符合轴极值

javascript - 如何使用 Angularjs + bootstrap 设置弹出窗口?

javascript - 如何调用单独文件中的 javascript?

javascript - 我的 Google 饼图中未对齐的标签/切片文本

javascript - 没有设置填充颜色的chart.js条形图

javascript - 在 HighCharts 中链接多个图表控件