2012-06-12 34 views
7

Tôi đã viết một mã bên dưới tạo biểu đồ vùng cho các ngày đã chọn (đến và từ ngày).Đồ thị Highcharts Nhãn trục X cho các phạm vi ngày khác nhau

$(document).ready(function() { 
    var options = { 
     "series": [{ 
      "showInLegend": false, 
      "color": "#D0D0D0", 
      "name": "Revenue", 
      "data": [0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]}], 
     "credits": { 
      "enabled": false 
     }, 
     "chart": { 
      "renderTo": "highchart_id", 
      "defaultSeriesType": "area", 
      "shadow": true 
     }, 
     "title": { 
      "text": null, 
      "align": "center", 
      "x": 0, 
      "y": 20 
     }, 
     "xAxis": { 
      "type": "datetime", 
      "dateTimeLabelFormats": { 
       "month": "%e. %b", 
       "year": "%b" 
      }, 
      "labels": { 
       "enabled": "false" 
      } 
     }, 
     "legend": { 
      "enabled": true 
     }, 
     "yAxis": { 
      "title": { 
       "text": "" 
      }, 
      "labels": { 
       "enabled": true 
      } 
     }, 
     "plotOptions": { 
      "area": { 
       "stacking": "normal", 
       "lineColor": "#3E3E3E", 
       "lineWidth": 3, 
       "marker": { 
        "lineWidth": "1", 
        "lineColor": "#3E3E3E", 
        "states": { 
         "hover": { 
          "enabled": true, 
          "radius": 1 
         } 
        } 
       } 
      }, 
      "series": { 
       "pointStart": 1335823200000, 
       "pointInterval": 86400000 
      } 
     } 
    }; 
    var chart = new Highcharts.Chart(options); 
});​ 

Khoảng thời gian trên trục x giảm một ngày. ở đây giá trị chuỗi 2 là 10 trong khi đó nó được hiển thị cho 9 có thể trong đồ thị.

Tôi mới tham gia chương trình highchart này, bất kỳ ai cũng có thể tư vấn giải pháp và cho tôi biết nếu bạn cần thêm bất kỳ giải thích nào về vấn đề này.

Trả lời

21

Hãy thử thêm mã này trước khi tuyên bố bảng xếp hạng

Highcharts.setOptions({ 
     global: { 
      useUTC: false 
     } 
    }); 

Theo mặc định highchart sử dụng lần UTC. Bằng cách thêm mã ở trên, nó sẽ sử dụng múi giờ của trình duyệt.

+0

Cảm ơn bạn rất nhiều. Nó đã làm việc! –

Các vấn đề liên quan