인력거 그래프는 틱을 -90도 회전합니다.

대시 보드 프로젝트의 대시 프레임 워크를 시험 중이고 rickshaw.js를 사용하여 대시 보드 그래프를 그려 봅니다. 나는 그들이 원하는 것을 정확히 갖도록 라벨을 사용자 정의했지만 불행히도 텍스트는 함께 쌓인 것처럼 보입니다. 나는 here을 발견 한 것과 같은 tickTransformation을 사용하려고 시도했지만 작동하지 않는 것 같습니다. 여기에 내가 현재이 자바 스크립트하지, 커피 스크립트입니다주의 (이 무엇인력거 그래프는 틱을 -90도 회전합니다.

@graph = new Rickshaw.Graph(
element: @node 
width: width 
height: height 
renderer: @get("graphtype") 
series: [ 
    { 
    color: "#fff", 
    data: [{x:0, y:0}] 
    } 
] 
) 
x_axis = new Rickshaw.Graph.Axis.X(
    graph: @graph 
    tickFormat: Rickshaw.Fixtures.Number.myXFormat 
    tickTransform: (svg) -> 
    svg.style("text-anchor", "start") 
    .attr("transform", "rotate(-90)") 
) 
y_axis = new Rickshaw.Graph.Axis.Y(
    graph: @graph 
    tickFormat: Rickshaw.Fixtures.Number.myYFormat 
    tickTransform: (svg) -> 
    svg.style("text-anchor", "start") 
     .attr("transform", "rotate(-90)") 
@graph.render()

그냥 같이 찾고 끝 :..

enter image description here