2013-11-27 203 views
3

我正在嘗試儀表板項目的Dashing框架,我試圖使用rickshaw.js繪製儀表板圖。我已經對這些標籤進行了定製,以便他們擁有我想要的內容,但不幸的是,文本似乎堆疊在一起。我一直試圖使用tickTransformation,就像我發現的here,但它似乎並不奏效。這是我目前有(注意,這是CoffeeScript中,JavaScript不人力車圖旋轉刻度-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

回答

0

我想你想使用tickTransformation,而不是tickTransform