首页 > 解决方案 > 如何在融合图的饼图上创建 onclick 事件

问题描述

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

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); 作为“卡片”。

任何人都可以帮助我实现这一目标。

标签: angulartypescriptfusioncharts

解决方案


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

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

请参考以下链接:

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

再次感谢。


推荐阅读