Highcharts Pie-charts, Holen Sie sich die ausgewählte pie-id

Wie bekomme ich Highcharts Pie-charts, Holen Sie sich die ausgewählte pie-id ?

Habe ich ein Daten-array 

var data= { name: series[i], y: Data[i],id:categorydata[i] };

Rendern des Diagramms 

new Highcharts.Chart({ ....

  ....  
series: [{
                type: 'pie',
                name: 'Category',
                data: data
            }]
  });

Wie bekomme ich die id des ausgewählten Kreis.

Ich Tue dies, 

plotOptions: {
                series: {
                    animation: false,
                    events:{
                        click: function (event) {
                            var point = this;
                            //How do I Access the id??????? 
                            alert('value: ' + this.series);


                        }
                    }
                },
InformationsquelleAutor Greens | 2013-03-20
  1. 27

    Das event-handling auf den Punkt config, nicht die Serie. Jedes wedge ist ein Punkt in einer einzigen Serie:

       var data = [{ name: 'One', y: 10, id: 0 },{ name: 'Two', y: 10, id: 1 }];

   //some other code here...

   series:[
      {
         "data": data,
          type: 'pie',
          animation: false,
          point:{
              events:{
                  click: function (event) {
                      alert(this.x + " " + this.y);
                  }
              }
          }          
      }
   ],

    Fiddle hier.

    Voll ausführen von code:

    JS:

    var chart;
point = null;
$(document).ready(function () {

    var data = [{ name: 'One', y: 10, id: 0 },{ name: 'Two', y: 10, id: 1 }];
    
    chart = new Highcharts.Chart(
    {
       series:[
          {
             "data": data,
              type: 'pie',
              animation: false,
              point:{
                  events:{
                      click: function (event) {
                          alert(this.id);
                      }
                  }
              }          
          }
       ],
       "chart":{
          "renderTo":"container"
       },
    });
});

    HTML:

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://code.highcharts.com/highcharts.js"></script>
<div id="container" style="width: 320px; height: 200px"></div>

    • Vielen Dank für die Erklärung dieser!
    • Vielen Dank für deinen Tipp! 🙂
    • fiddle funktioniert nicht
    • Ich reparierte die Geige.
    • wie acess 'diese.id' in weltweit in Maschinenschrift oder eckig 4
    InformationsquelleAutor Mark
Schreibe einen Kommentar