x 축에서 다른 값을 갖는 방법과 graphael에서 다른 레이블을 사용하는 방법은 무엇입니까?

Question

다음과 같이 그래프 차트에서 날짜를 사용하고 싶습니다.

var lines = r.linechart(30, 30, 600, 440, [ 
    [01/01/2014 12: 00: 00, 02/01/2014 12: 00: 00, 03/01/2014 12: 00: 00, 04/01/2014 12: 00: 00, 05/01/2014 12: 00: 00] 
], [ 
    [100, 150, 130, 85, 100] 
], { 
    axisxstep: 20, 
    nostroke: false, 
    axis: "0 0 1 1", 
    symbol: "circle", 
    smooth: true 
}).hoverColumn(function() { 
    this.tags = r.set(); 

    for (var i = 0, ii = this.y.length; i < ii; i++) { 
     this.tags.push(r.tag(this.x, this.y[i], this.values[i], 160, 10).insertBefore(this).attr([{ 
      fill: "#fff" 
     }, { 
      fill: this.symbols[i].attr("fill") 
     }])); 
    } 
}, function() { 
    this.tags && this.tags.remove(); 
}); 

그러나 graphael은 날짜를 인식 할 수없는 것 같습니다. 날짜가 아닌 1,2,3 ...으로 설정하면 나중에 어떻게 x 축에 날짜 레이블을 표시 할 수 있습니까?

감사합니다.

Answer 1

밀리 초 단위로 날짜를 사용하십시오. x 축에서 원하는 형식으로 날짜를 렌더링하려면 여기에서 설명한대로 수행 할 수 있습니다. https://bocoup.com/weblog/alternate-x-axis-intervals-in-g-raphael-js-linechart