giá trị còn thiếu trong highcharts dòng kết quả đồ thị trong không dòng, chỉ cần chỉ

Question

xin hãy xem này:

http://jsfiddle.net/2rNzr/

var chart = new Highcharts.Chart({ 

    chart: { 
     renderTo: 'container' 
    }, 

    xAxis: { 
     categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
    }, 

    series: [{ 
     data: [29.9, '', 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4] 
    }] 

}); 

bạn sẽ nhận thấy rằng các dữ liệu có giá trị trống trong nó (giá trị thứ hai), làm cho biểu đồ đường kẻ hiển thị không chính xác.

Đây có phải là lỗi không?

Cách chính xác để chỉ định giá trị bị thiếu để có khoảng cách trong biểu đồ đường kẻ là gì? tức là tôi KHÔNG muốn biểu đồ đường vẽ đơn giản vẽ một đường thẳng giữa các điểm 1 và 3.

Rất cám ơn vì đã tạo ra một sản phẩm tuyệt vời!

Tony.

Answer 1

Bạn sẽ cần thay đổi các giá trị bị thiếu thành null và chỉ định rằng bạn muốn một dòng/dòng thông qua các giá trị hiện tại.

var chart = new Highcharts.Chart({ 

    chart: { 
     defaultSeriesType: 'line', 
     renderTo: 'container' 
    }, 

    xAxis: { 
     categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
    }, 

    series: [{ 
     data: [29.9, null, 106.4, 129.2, 144.0, 176.0, null, 148.5, 216.4, 194.1, 95.6, 54.4], 
    }] 

}); 

xem http://jsfiddle.net/xynZT/ với defaultSeriesType: 'spline' làm ví dụ.

Answer 2

Nó không hiển thị không chính xác của nó chỉ vẽ một âm mưu phân tán. Tôi nghĩ rằng điều này là bởi vì bạn không có một loạt hoàn chỉnh nó sẽ được đối xử như thế. Tôi có thể, và điều này phụ thuộc vào dữ liệu của bạn không sử dụng số âm, hãy thử đặt bộ sưu tập không có dữ liệu bằng 0 sao cho bạn có data: [29.9, 0, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4] và điều này sẽ hiển thị một dòng.