Xóa Zero Từ HIGHCHART

Question

Tôi đã làm việc trên Highcharts chỉ gặp rắc rối vấn đề là khi không có bất kỳ giá trị nào tồn tại đối với một số dữ liệu trên biểu đồ, sau đó nó hiển thị 0 trên nó trông xấu vui lòng kiểm tra jsfiddle sau nhãn trên biểu đồ được điền bởi hàm sau nhưng tôi không thể đặt dấu kiểm vào nó mà nó sẽ chỉ hiển thị những thanh có giá trị trên 0 trên biểu đồ

http://jsfiddle.net/CzHyC/3/ [KIỂM TRA KIỂM TRA phần APPLE trên biểu đồ]

$(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] 
      }] 
     }); 
    }); 

}); 

Answer 1

Đây là cách tôi đã xử lý tình huống này.

Khi bạn tạo điểm dữ liệu, thay vì đặt số 0, hãy đặt một giá trị rỗng.

Vì vậy, ví dụ như mảng dữ liệu của bạn sẽ trông giống như:

[null,3,4,7,2] thay vì [0,3,4,7,2]

Fiddle