如何在融合图的饼图上创建 onclick 事件答案

【问题标题】：How to create onclick event on pie slice of fusion charts如何在融合图的饼图上创建 onclick 事件
【发布时间】：2020-02-22 17:02:10
【问题描述】：

我已将融合饼图与以下代码集成：

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() 事件），我想运行一些函数。我只想在方法中获取标签值。如果用户单击饼图中的“卡片”切片，则该方法将打印 console.log(event);作为“卡片”。

谁能帮我实现这个目标。

【问题讨论】：

我以前从未使用过 fusioncharts，但这不仅仅是引用和使用此处列出的事件的问题：fusioncharts.com/dev/api/fusioncharts/fusioncharts-events。可能是 entityClick？
它有效。谢谢。我刚刚使用了上面的链接并在 component.ts 文件中添加了事件，现在看起来不错。谢谢..请添加它作为答案我会接受它

标签： angular typescript fusioncharts

【解决方案1】：

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

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

请参考以下链接：

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

再次感谢。

【讨论】：

entityClick 事件用于 FusionMaps，可以使用 dataPlotClick 事件，更具体的饼图

【解决方案2】：

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

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

entityClick 似乎可以满足您的要求。

【讨论】：