在角度 8 的饼图上从 onClick 事件打开对话框时遇到困难(使用 chart.js)



我正在使用图表.js饼图来显示一些数据,我想在单击饼图切片时打开一个对话框。到目前为止,我已经成功地在切片单击警报中获取了所需的数据,但对如何在对话框中获取这些数据感到困惑。

'onClick': function(e) {
var activePoints = this.getElementsAtEvent(e);
var firstPoint = activePoints[0];
console.log(firstPoint)
var label = this.data.labels[firstPoint._index];
var list = this.data.list;
if (firstPoint!= undefined) {
for (let i = 0; i< list.length; i++) {
if (label === list[i].label) {
console.log(list[i].value);
alert(label + ":" + list[i].value);
<chart type="pie" [data]="data" [options]="options"></chart>

var  chart =  new  CanvasJS.Chart("container",
{
.
.
data: [{
click: function(e){
alert(  e.dataSeries.type+ ", dataPoint { x:" + e.dataPoint.x + ", y: "+ e.dataPoint.y + " }" );
},
},
]
.
.
});
chart.render();

最新更新