Angular 如何在融合图的饼图切片上创建onclick事件
我已将fusion饼图与以下代码集成: app.component.ts文件Angular 如何在融合图的饼图切片上创建onclick事件,angular,typescript,fusioncharts,Angular,Typescript,Fusioncharts,我已将fusion饼图与以下代码集成: app.component.ts文件 const data = { chart: { caption: "Checkout Programs", subcaption: "", showvalues: "1", showpercentintooltip: "0", numberprefix: "Serial:", enablemultislicing: "1", theme: "fusion"
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(事件);作为“卡片”
有谁能帮我做到这一点。感谢UNIS为我指出了一个确切的解决方案 使用了与entityClick下提到的相同的代码基: 请参阅以下连结:
再次感谢。您可以使用Fusion Charts事件参考页面查找fusioncharts组件上可用的事件。我不完全确定角度组件的覆盖范围,但在某种程度上似乎实现了:
看起来entityClick可以满足您的要求。我以前从未使用过fusioncharts,但这不仅仅是引用和使用此处列出的事件的问题:。可能是entityClick?它很管用。谢谢我刚刚使用了上面的链接并在component.ts文件中添加了事件,现在看起来不错。非常感谢。请将其添加为答案我将接受itentityClick事件用于FusionMaps,您可以使用dataPlotClick事件,这更具体到饼图