相关疑难解决方法(0)

我是d3和svg编码的新手,我正在寻找一种在图表的xAxis上旋转文本的方法.我的问题是,通常xAxis标题比条形图中的条形图宽.因此,我希望将文本旋转为在xAxis下方垂直(而不是水平)运行.

我尝试添加transform属性:.attr("transform","rotate(180)")

但是当我这样做时,文本完全消失了.我试过增加svg画布的高度,但仍然无法查看文本.

对我做错的任何想法都会很棒.我是否还需要调整x和y位置？而且,如果是这样,那么多少(当我在Firebug中看到它时难以排除故障).

这是我的酒窝条形图(由d3提供):

var sidechart = new dimple.chart(chart_svg, data);
            sidechart.setBounds(60, 30, 200, 300)
            var x = sidechart.addCategoryAxis("x", "Long name");
            sidechart.addMeasureAxis("y", "Measure");
            sidechart.addSeries(["Short name", "Long name"], dimple.plot.bar);
            sidechart.draw();

x轴上的文字非常长,默认情况下,凹坑旋转它,使其垂直显示.我想将它旋转45度而不是.使用d3,这将通过这样做:

myAxis.attr("transform", "rotate(-45)");

不幸的是,我无法在酒窝中找到类似的方法.任何帮助将不胜感激.