Highcharts không hiển thị dữ liệu ở một số mức thu phóng

Question

Tôi đang sử dụng Highcharts/Highstock để vẽ một lượng dữ liệu khá lớn (~ 10.000 điểm). Dữ liệu bao gồm các đối tượng Ngày trên trục X và nổi trên Y, được định dạng như sau: [[(date), 1.728], [(date), 0.346], ...]. Các ngày luôn cách nhau 1 giờ và không có khoảng trống trong dữ liệu.

Khi phạm vi của biểu đồ là> = 21 ngày (sao cho ít nhất 21 ngày dữ liệu được lập biểu đồ), biểu đồ xuất hiện chính xác. Bất cứ khi nào phạm vi nhỏ hơn, mặc dù, biểu đồ trở nên trống và chú giải công cụ hiển thị mỗi điểm khi có giá trị Y là 0,0. Giá trị Y cho những điểm do tồn tại trong mảng (tôi có thể thấy chúng trong Firebug), nhưng chúng không được hiển thị trên biểu đồ. Dưới đây là cách tôi khởi tạo:

mainChart = new Highcharts.StockChart({ 
    chart: { 
    renderTo: 'linegraph' 
    }, 

    rangeSelector: { 
    buttons: [{ 
     type: 'day', 
     count: 1, 
     text: '1 d' 
    }, { 
     type: 'week', 
     count: 1, 
     text: '1 wk' 
    }, { 
     type: 'month', 
     count: 1, 
     text: '1 mo' 
    }, { 
     type: 'year', 
     count: 1, 
     text: '1 yr' 
    }, { 
     type: 'all', 
     text: 'All' 
    }], 
    selected: 2 
    }, 

    series: [{ 
    name: 'Electricity usage (kWh)', 
    data: graphData, 
    tooltip: { 
     valueDecimals: 2, 
     valueSuffix: "kWh" 
    } 
    }], 
}); 

Answer 1

Hóa ra bạn không thể sử dụng Ngày trong trục X của dữ liệu. Thay vào đó, hãy sử dụng dấu thời gian Unix của ngày: Date.getTime(). Các đạo cụ chính cho FloppyDisk để chỉ cho tôi đúng hướng.

Answer 2

Tôi gặp vấn đề tương tự, nhưng mọi thứ đều bình thường với dấu thời gian trên trục X.

Đã giải quyết bằng cách sắp xếp dữ liệu theo tăng dần (được cung cấp trước tiên theo thứ tự đảo ngược).