javascript - 人力車グラフの目盛りを -90 度回転させる

Question

ダッシュボード プロジェクトの Dashing フレームワークを試しており、rickshaw.js を使用してダッシュボードのグラフを描画しようとしています。ラベルをカスタマイズして、必要なものを正確に表示できるようにしましたが、残念ながら、テキストが積み重なっているようです。ここで見つけたような tickTransformation を使用しようとしましたが、うまくいかないようです。これが私が現在持っているものです（これはjavascriptではなくcoffeescriptであることに注意してください。

@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()

最終的には次のようになります。

Answer 1

tickTransformationの代わりに使いたかったと思いますtickTransform。