How to add click event "plotclick" in angular flot pie char

Question

I am using angular-flot to draw a pie chart. But I can't element plotclick. I tried:

element.bind("plotclick", function (event, pos, item) {  
                if(item){
                    alert("Clicked");
                    scope.$apply();
               }
            });

But it is not being triggered.

This is my controller code:

$scope.dataset = [
          { label: "IE",  data: 19.5, color: "#4572A7"},
          { label: "Safari",  data: 4.5, color: "#80699B"},
          { label: "Firefox",  data: 36.6, color: "#AA4643"},
          { label: "Opera",  data: 2.3, color: "#3D96AE"},
          { label: "Chrome",  data: 36.3, color: "#89A54E"},
          { label: "Other",  data: 0.8, color: "#3D96AE"}
          ];
  $scope.options = {
    series: {
        pie: {
            show: true,
            radius: 1,
            label: {
                show: true,
                radius: 3/4,
                formatter: labelFormatter,
                background: {
                    opacity: 0.5,
                    color: '#000'
                }
            }
        }
    },
    legend: {
        show: false
    },

    grid: {
      hoverable: true,
      clickable: true
    }

So, do I have to change controller code or directive to implement click event.

It is a bit difficult to determine the context of the element variable. Could you provide a JSFiddle example? — apandit, Apr 22 '15 at 14:26

score 0 · Answer 1 · edited May 23 '17 at 12:06

0

click the link use it. may helpful for you Click the Demo

edited May 23 '17 at 12:06

Community

1
1

answered Apr 20 '15 at 10:27

Angu

862
2
13
32

How to add click event "plotclick" in angular flot pie char

1 Answers1