Как создать событие onclick на p ie кусочке диаграмм слияния - PullRequest
0 голосов
/ 22 февраля 2020

Я интегрировал диаграмму fusion p ie с кодом ниже:

файл 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>

Изображение:

enter image description here

Теперь я хочу запустить некоторую функцию, если пользователь щелкает диаграмму p ie срез (событие Onclick () в срезе диаграммы p ie). и я просто хочу получить значение метки внутри метода. если пользователь щелкает фрагмент карты на графике p ie, то метод выводит console.log (событие); как «карты».

Может ли кто-нибудь помочь мне достичь этого.

Ответы [ 2 ]

0 голосов
/ 23 февраля 2020

Справочную страницу событий Fusion Charts можно использовать для поиска событий, доступных для компонента fusioncharts . Я не совсем уверен, что такое покрытие для Angular компонента, но, похоже, он реализован в некоторой степени:

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

Это Похоже, что entityClick удовлетворит ваше требование.

0 голосов
/ 23 февраля 2020

Спасибо Theunis за указание на точное решение, которое я ищу.

Использовал ту же базу кода, которая упоминалась в разделе entityClick :

Пожалуйста, обратитесь ниже ссылка:

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

Еще раз спасибо.

...