Javascript 人力车图形将滴答声旋转-90度
我正在尝试仪表板项目的Dashing框架,并尝试使用rickshaw.js为仪表板绘制图形。我已经定制了标签,使它们完全符合我的要求,但不幸的是,文本似乎堆叠在一起。我一直在尝试使用我发现的转换,但它似乎不起作用。这是我目前拥有的(注意这是coffeescript,不是javascript)Javascript 人力车图形将滴答声旋转-90度,javascript,d3.js,coffeescript,rickshaw,dashing,Javascript,D3.js,Coffeescript,Rickshaw,Dashing,我正在尝试仪表板项目的Dashing框架,并尝试使用rickshaw.js为仪表板绘制图形。我已经定制了标签,使它们完全符合我的要求,但不幸的是,文本似乎堆叠在一起。我一直在尝试使用我发现的转换,但它似乎不起作用。这是我目前拥有的(注意这是coffeescript,不是javascript) @graph = new Rickshaw.Graph( element: @node width: width height: height renderer: @get("graphtype") ser
@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()
结果就是这样:
我想你想用
tickTransformation
而不是tickTransform