2016-04-14 41 views
1

Highcharts için tamamen yeniyim ve iki tür yaptım: spline ve pie. Onlar şimdi şuna benzer: enter image description herePasta highchart ile sonuçları gösteren sorun

Ve bu: Ben sorunun hemen görülebilir enter image description here

. enter image description here

ben şöyle grafik türünü güncellemek için başarılı: Ben iki düğme sahip olduğundan kullanıcı onun grafik görünmek istiyor nasıl belirleyebilir hangi

$('#pie').click(function(){ 
      if($('#pie').hasClass('active')!=true){ 
       $('#spline').removeClass('active'); 
       $('#pie').addClass('active'); 
       $('#curve_chart').highcharts().series[0].update({ 
        type: "pie" 
       }); 
      } 
     }); 

Ama bu pie grafiği istemiyoruz böyle görünüyor.

$('#pie').click(function(){ 
     if($('#pie').hasClass('active')!=true){ 
      $('#spline').removeClass('active'); 
      $('#pie').addClass('active'); 
      $('#curve_chart').highcharts().series[0].update({ 
       type: "pie" 
       series:[{ 
       data:[['11',35],['12',15],['13',30],['14',20]] 
       }] 
      }); 
     } 
    }); 
      } 
     }); 
:

var type=''; 
     $('#spline').click(function(){ 
      if($('#spline').hasClass('active')!=true){ 
       $('#pie').removeClass('active'); 
       $('#spline').addClass('active'); 
       $('#curve_chart').highcharts().series[0].update({ 
        type: "spline" 
       }); 
      } 
     }); 

     $('#pie').click(function(){ 
      if($('#pie').hasClass('active')!=true){ 
       $('#spline').removeClass('active'); 
       $('#pie').addClass('active'); 
       $('#curve_chart').highcharts().series[0].update({ 
        type: "pie" 
       }); 
      } 
     }); 

     $(function() { 
      if($('#spline').hasClass('active')){ 
      type='spline'; 
      }else{ 
      type='pie'; 
     } 
     $('#curve_chart').highcharts({ 
      chart: { 
       type: type 
        }, 
      title: { 
       text: 'Click through rate:' 
       }, 
      xAxis: { 
      categories: [<?php foreach ($percentagePerDay as $key => $value) { 
      if ($value != $last) { 
      echo substr($key, -2); 
      echo ','; 
      } else { 
      echo substr($key, -2); 
      } 
      }?>]//key 
      }, 
     yAxis: { 
      title: { 
      text: 'Percentage' 
      } 
      }, 
     series: [{ 
     name: '<?= $name ?>', 
     data: [<?php foreach ($percentagePerDay as $key => $value) { 
     if ($value != $last) { 
     echo $value; 
     echo ','; 
     } else { 
     echo $value; 
     } 
     }?>]//value 
     }] 
     }); 

     }); 

Öyle gibi sert kodlanmış değerleri temsil etmek pie grafiği yapmaya çalıştı: Ben spline tip değerler, değil Notiflow:35 vb her gün temsil Böyle Bu grafiklerde sorumlu kodu istiyor

Ancak pie highchart değişmedi. Daha ne (type hariç) bu hat eklemek gerekiyor:

$('#curve_chart').highcharts().series[0].update({}); 

amacıyla benim pie için ve bu 'dilim' anları kaldırmak yok spline gibi aralığında her gün için değerleri temsil etmek?

GÜNCELLEME: Yani, bu benim pasta bakmak istiyorum nasıl: enter image description here

+2

bir keman oluşturabilir lütfen? –

+0

Muhtemelen anahtar kullanmanız veya veri noktalarını belirtilen özelliklere sahip nesne olarak ayarlamanız gerekecektir. Ben hala pasta grafik nasıl görünmelidir almıyoruz - belki gerekli grafik bir görüntü gönderebilir? –

+0

@Kacper Madej Sorumu güncelledim, şimdi de turtamın nasıl görüneceğini görebiliyorsunuz – Ognj3n

cevap

0

nesnesinde serisini geçemez o dizi güncelleme - yalnızca seri özelliklerini vb ad, tür, veri, gibi Resimdeki gibi dataLabels sahip olmak için sadece isimleri için isimleri ayarlamak gerekir, Highcharts çalışmasını sağlayacaktır.

Örnek: http://jsfiddle.net/tvd6faf9/