2012-07-09 4 views
7

grafik üzerinde bazı veriler için mevcut HIGHCHART itibaren Zero Kaldır jsfiddle grafikteki etiketler aşağıdaki işlevle doldurulur ancak, yalnızca değerlerilütfen aşağıdaki ödeme kötü görünüyor ki o zaman buna 0 görüntüler herhangi bir değer olmadığında sadece sorun olan bir derde girdi Highcharts üzerinde çalışıyoruz

http://jsfiddle.net/CzHyC/3/ numaralı grafikte sıfır olan çubukları göstermesi gerektiğine dair bir işaret koyamıyorum [Çizelgedeki APPLE APPLE bölümünü göster]

$(function() { 
    var chart; 
    $(document).ready(function() { 
     chart = new Highcharts.Chart({ 
      chart: { 
       renderTo: 'container', 
       type: 'column' 
      }, 
      title: { 
       text: 'Stacked column chart' 
      }, 
      xAxis: { 
       categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas'] 
      }, 
      yAxis: { 
       min: 0, 
       title: { 
        text: 'Total fruit consumption' 
       }, 
       stackLabels: { 
        enabled: true, 
        style: { 
         fontWeight: 'bold', 
         color: (Highcharts.theme && Highcharts.theme.textColor) || 'blue' 
        } 
       } 
      }, 
      legend: { 
       align: 'right', 
       x: -100, 
       verticalAlign: 'top', 
       y: 20, 
       floating: true, 
       backgroundColor: (Highcharts.theme && Highcharts.theme.legendBackgroundColorSolid) || 'gray', 
       borderColor: '#CCC', 
       borderWidth: 1, 
       shadow: false 
      }, 
      tooltip: { 
       formatter: function() { 
        return '<b>'+ this.x +'</b><br/>'+ 
         this.series.name +': '+ this.y +'<br/>'+ 
         'Total: '+ this.point.stackTotal; 
       } 
      }, 
      plotOptions: { 
       column: { 
        stacking: 'normal', 
        dataLabels: { 
         enabled: true, 
         color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white' 
        } 
       } 
      }, 
      series: [{ 
       name: 'John', 
       data: [0, 3, 4, 7, 2] 
      }, { 
       name: 'Jane', 
       data: [2, 2, 3, 2, 1] 
      }, { 
       name: 'Joe', 
       data: [3, 4, 4, 2, 5] 
      }] 
     }); 
    }); 

}); 

cevap

19

Bu durumla başa çıkma biçimim buydu.

size veri noktaları oluşturarak, yerine 0 koyarak, bir null koydu.

Bu nedenle, örneğin veri dizisi gibi görünecektir:

[null,3,4,7,2] yerine [0,3,4,7,2]

Fiddle

+0

iyi hüner ancak veri DB'den benim grafikte doldurulan ediliyor ama bu konuda kontrolleri koyabilirsiniz –

+0

evet, Highcharts vermeden önce belirli bir biçimde veri oluşturmak zorunda kalacaktır. – c0deNinja

+0

Ben null değeri olurdu. Unutmayın ki -1 bir değerdir, oysa null değildir. – wergeld