如何在融合图的饼图切片上创建 onclick 事件

Question

我已经用下面的代码集成了融合饼图：

app.component.ts 文件

const data = {
  chart: {
    caption: "Checkout Programs",
    subcaption: "",
    showvalues: "1",
    showpercentintooltip: "0",
    numberprefix: "Serial:",
    enablemultislicing: "1",
    theme: "fusion"
  },

  data: [ 
{
  "label": "card",
  "value": 1
}, {
  "label": "Currency",
  "value": 2
}, {
  "label": "Holding",
  "value": 3
}, {
  "label": "Payment Network",
  "value": 4
}
 ]
};

及 app.component.html 文件中的以下行：

 <fusioncharts
    [width]="width"
    [height]="height"
    [type]="type"
    [dataFormat]="dataFormat"
    [dataSource]="dataSource"
    >
  </fusioncharts>

图片：

现在，如果用户单击饼图切片（饼图切片中的 Onclick() 事件），我想运行一些函数。我只想在方法中获取标签值。如果用户单击饼图中的 "card" 切片，则该方法会打印 console.log(event)；作为 "cards".

谁能帮我实现这个。

Answer 1

感谢 Theunis 指出了我正在寻找的确切解决方案。

使用了 entityClick 下提到的相同代码库：

请参考以下link:

https://www.fusioncharts.com/dev/api/fusioncharts/fusioncharts-events

再次感谢。

Answer 2

您可以使用 Fusion Charts 事件参考页面查找 fusioncharts 组件上可用的事件。我不完全确定 Angular 组件的覆盖范围是什么，但它似乎在某种程度上得到了实施：

https://www.fusioncharts.com/dev/api/fusioncharts/fusioncharts-events

看来 entityClick 可以满足您的要求。

如何在融合图的饼图切片上创建 onclick 事件

How to create onclick event on pie slice of fusion charts

angular

typescript

fusioncharts