我已将融合饼图与以下代码集成:
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);作为“卡片”。
任何人都可以帮助我实现这一目标。
感谢Theunis指出了我正在寻找的确切解决方案。
您可以使用Fusion Charts事件参考页面查找fusioncharts