HighCharts - 시계열 차트 - x 축

에 불규칙한 날짜 시간 간격은 내가 x 축이 '날짜'유형 인에 차트를해야하지만 불규칙한 간격이 있습니다HighCharts - 시계열 차트 - x 축

이 코드입니다 :

$(function() { 
    $('#chart1').highcharts({ 
     chart: { 
     zoomType: 'x', 
     spacingRight: 20 
     }, 
     title: { 
     text: 'Incomes/Outcomes' 
     }, 
     subtitle: { 
     text: document.ontouchstart === undefined ? 
      'Click and drag in the plot area to zoom in' : 
      'Pinch the chart to zoom in' 
     }, 
     xAxis: { 
     type: 'datetime', 
     minRange: 15 * 24 * 3600000, 

     title: { 
      text: null 
     } 
     }, 
     yAxis: { 
     title: { 
      text: 'Euro(€)' 
     } 
     }, 
     tooltip: { 
     shared: true 
     }, 
     legend: { 
     enabled: true 
     }, 
     plotOptions: { 
     area: { 
      fillColor: { 
      linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1}, 
      stops: [ 
       [0, Highcharts.getOptions().colors[9]], 
       [1, Highcharts.Color(Highcharts.getOptions().colors[0]).setOpacity(0).get('rgba')] 
      ] 
      }, 
      //lineWidth: 1, 
      marker: { 
      enabled: false 
      }, 
      shadow: false, 
      states: { 
      hover: { 
       lineWidth: 1 
      } 
      }, 
      threshold: null 
     } 
     }, 

     series: [{ 
     type: 'area', 

     pointInterval: 24 * 3600 * 1000, 
     pointStart: Date.UTC(2014, 0, 01), 
     data: [["31/12/2013", 345.2], ["09/01/2014", 494.79999999999995], ["20/01/2014", 137.2], ["22/01/2014", 210.0], 
     ["23/01/2014", 220.4], ["24/01/2014", 871.0], ["28/01/2014", 420.0], ["30/01/2014", 420.0], ["31/01/2014", 2057.15], 
     ["05/02/2014", 191.2], ["06/02/2014", 81.6], ["07/02/2014", 295.2], ["11/02/2014", 135.12], ["12/02/2014", 189.2], 
     ["13/02/2014", 210.0], ["14/02/2014", 315.2], ["17/02/2014", 462.79999999999995], ["18/02/2014", 544.4], 
     ["19/02/2014", 715.4399999999999], ["20/02/2014", 971.2], ["21/02/2014", 418.0], ["02/02/2015", 366.0]] 
     }] 
    });  
    });

이 시리즈 값은 xAxis 값과 일치하지 않음을 알 수 있습니다. 어떻게 해결할 수 있습니까? xAxis에서 같은 날을 보거나 일련의 값 일에 해당하는 달이 있습니까?

감사 누가 복음

출처

2014-02-28 Luke

당신은 pointStart 할당을 제거 할 수는 highcharts 당신이 그것을 제공 trhe 값을 기준으로 범위를 결정합니다. Highcharts는 귀하가 제공하는 데이터의 범위를 살펴보고 tickInterval 설정 및 차트의 사용 가능한 크기에 따라 눈금을 자동으로 생성합니다. 축에 눈금이 필요하면 데이터에있는 날짜를 구체적으로 나타내야합니다. datetime 유형 축을 사용하면 안됩니다.

하이 차트는 유닉스/에포크 시간 (1970 년 1 월 1 일 이후의 초 수)의 모든 날짜 데이터 값을 처리합니다. datetime 축을 사용하려면 해당 형식으로 데이터를 제공해야합니다.

변경 모든 날짜 값 등

["31/12/2013", 345.2]

[Date.UTC(2013, 11, 31), 345.2]

에 관해서

출처

2014-03-01 03:05:38 Gadget27

HighCharts - 시계열 차트 - x 축

답변

관련 문제