Графы Рикшоу вращают тики на -90 градусов

Question

Я пытаюсь использовать лихие рамки для проекта панели инструментов, и я пытаюсь использовать rickshaw.js для рисования графика для панели инструментов. Я настроил ярлыки так, чтобы у них было именно то, что я хочу, но, к сожалению, текст кажется сложным. Я пытаюсь использовать tickTransformation, как то, что я нашел here, но он не работает. Вот что я в настоящее время (обратите внимание, это CoffeeScript, а не Javascript

@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