2016-09-18 2 views
0

x-as의 datetime 형식의 데이터에 문제가 있습니다. 나는 01/07/2016 (dd/MM/yyyy)과 01/10/2016의 날짜 범위를 가졌지 만 올바르게 표시된 그래프를 얻을 수 없습니다. 날짜가 올바르게 표시되지 않고 오류 15가 발생합니다.HighCharts Line xas datetime

데이터 (chartInfo.DataSetTime)를 사전 (문자열, 정수)으로 가져옵니다. 문자열은 2016년 1월 7일

이 같은 일이 내가 가진 무엇을 포함

var dataset = []; 

    $.each(chartInfo.DataSetTime, function (key, value) { 
     var datum = key.split('/'); 
     var dateke = new Date(datum[2], datum[1] - 1, datum[0]); 
     dataset.push([Date.UTC(dateke.getFullYear(), dateke.getMonth() ,dateke.getDay()), value]); 
      }); 

    for (var i in dataset) { 
     dataset[i].sort(function (a, b) { 
      if (a.x > b.x) { 
       return 1; 
      } 

      if (b.x > a.x) { 
       return -1; 
      } 

      return 0; 
     }); 
    } 

    console.log(dataset); 
     $('#container').highcharts({ 
      chart: { 
       zoomType: 'x', 
        defaultSeriesType: 'line', 
    renderTo: 'container' 
      }, 
      title: { 
       text: chartInfo.TitleChart 
      }, 
      subtitle: { 
       text: document.ontouchstart === undefined ? 
         'Klik en sleep in de grafiek om in te zoomen' : 'Swipe over de grafiek om in te zoomen' 
      }, 
      xAxis: { 
       type: 'datetime', 
       dateTimeLabelFormats: { // don't display the dummy year 
        month: '%e. %b', 
        year: '%b' 
       }, 
      }, 
      yAxis: { 
       title: { 
        text: chartInfo.TitleYas 
       } 
      }, 
      legend: { 
       enabled: false 
      }, 
      plotOptions: { 
       area: { 
        fillColor: { 
         linearGradient: { 
          x1: 0, 
          y1: 0, 
          x2: 0, 
          y2: 1 
         }, 
         stops: [ 
          [0, Highcharts.getOptions().colors[0]], 
          [1, Highcharts.Color(Highcharts.getOptions().colors[0]).setOpacity(0).get('rgba')] 
         ] 
        }, 
        marker: { 
         radius: 2 
        }, 
        lineWidth: 1, 
        states: { 
         hover: { 
          lineWidth: 1 
         } 
        }, 
        threshold: null 
       } 
      }, 

      series: [{ 
       type: 'area', 
       name: 'USD to EUR', 
       data: dataset.sort(function (a, b) { 
        return a[0] - b[0]; 
       }) 

      }] 
     }); 

어떤 도움이

을 감사
+1

당신이 읽을나요 재미있는 설명서? http://www.highcharts.com/errors/15 –

+0

예. 질문을 업데이트했습니다. 정렬을 시도했지만 여전히 잘못된 날짜가 표시되고 그래프가 재미있어 보입니다. – Kaizer

+0

"재미있어 보이네요"보다 훨씬 더 구체적이어야합니다. :) – jlbriggs

답변