2013-03-20 9 views
8

Highcharts Pasta grafiklerini nasıl seçebilirim?Highcharts Pasta grafikler seçilen pastayı alır

Ben grafiği seçtiğim pasta kimliği nasıl alabilirim

new Highcharts.Chart({ .... 

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

Render veri Array

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

var.

Ben

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


         } 
        } 
       }, 

cevap

19

bu yapıyorum Olay noktası geneli, değil serisi üzerinde taşıma istiyorum.

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 here: Her kama tek seride bir noktadır.

Tam koşu kodu:

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" 
 
     }, 
 
    }); 
 
});
<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>

+0

bu açıklayan için teşekkür ederiz! –

+0

Bahşişiniz için teşekkürler! :) – ECC

+0

keman çalışmıyor –