amcharts V4在饼图中选择时重定向到URL

时间:2018-12-18 08:46:07

标签: javascript amcharts

像本示例一样,当有人单击切片时,如何添加对URL重定向的支持。

就像this的例子一样。

我尝试执行文档要求的操作:

 if (cbSeriesClicked !== undefined) {
        pieSeries.events.on("hit", cbSeriesClicked, this);

    }

事件触发,但是我无法确定当前所选切片在图表对象中的位置,或者amcharts 4是否支持https://www.amcharts.com/docs/v3/tutorials/linking-chart-columns-custom-urls/

1 个答案:

答案 0 :(得分:2)

AmCharts 4等效项是在系列/系列子项目模板上使用propertyFields,具体取决于图表类型,并将url属性设置为与包含URL的数据中的属性匹配。您还可以设置urlTarget来控制它是否在新标签页中打开。对于饼图,必须将其设置在子项目模板上,如下所示:

//assumes your data contains a property called "url":
var pieSeries = chart.series.push(new am4charts.PieSeries());
// ...
pieSeries.slices.template.propertyFields.url = "url";
pieSeries.slices.template.urlTarget = "_blank";

Demo