모리스 차트 (발행일

Question

)

나는 morris.js 라이브러리를 차트로 사용합니다.

Morris.Area({ 
    element: 'line-example', 
    data: [ 
     { 
      period: 2016-11-22 16:36:16, 
      price: 22   
     }, 
     { 
      period: 2016-11-06 16:36:16, 
      price: 61   
     }, 
     { 
      period: 2016-10-31 16:36:16, 
      price: 49 
     }, 
     { 
      period: 2016-11-08 11:16:53, 
      price: 131 
     }, 
     { 
      period: 2016-11-10 13:52:10, 
      price: 85   
     }, 
     { 
      period: 2016-11-14 12:16:15, 
      price: 72 
     }, 
     { 
      period: 2016-11-17 14:36:34, 
      price: 206  
     },     
    ], 
    lineColors: ['#a5d9c7'], 
    xkey: 'period', 
    ykeys: ['price'], 
    labels: ['Day'], 
    xLabels: 'day', 
    pointSize: 0, 
    lineWidth: 0, 
    fillOpacity: 1, 
    resize: true, 
    behaveLikeLine: true, 
    gridLineColor: '#e0e0e0', 
    hideHover: 'auto'  
}); 

http://jsbin.com/sedusigamo/1/edit?html,js,output

내 코드가 작동하지 않습니다 이유 : 내가 쓰기 때문에

는 지금은 하나 개의 차트에서 날짜와 가격을 표시해야합니다? 여기에 어떤 문제가있을 수 있습니까? 문서에서 날짜가 내 코드와 같은 형식 일 수 있음을 읽었습니다.

Answer 1

문서는 말한다 :

그것은 strings이나 같은 말 : Date.getTime (에 의해 반환) 또는 다음과 같은 형식으로 strings 한 타임 스탬프가 (millisecond timestamps의 형태로 허용됩니다

timestamps. strings은 아니며 timestamps이 아니므로 period 데이터의 경우 "을 다음과 같이 추가해야합니다.

data: [ 
{ 
    period: "2016-11-22 16:36:16", 
    price: 22 
}, 
{ 
    period: "2016-11-06 16:36:16", 
    price: 61 
}, 
{ 
    period: "2016-10-31 16:36:16", 
    price: 49 
}, 
{ 
    period: "2016-11-08 11:16:53", 
    price: 131 
}, 
     { 
    period: "2016-11-10 13:52:10", 
    price: 85 
}, 
{ 
    period: "2016-11-14 12:16:15", 
    price: 72 

}, 
{ 
    period: "2016-11-17 14:36:34", 
    price: 206 
} 

http://jsbin.com/wabizokefi/1/edit?html,js,output