dimple.js如何在不更改数据的情况下更改图表轴的标签?

时间:2014-04-25 11:01:56

标签: d3.js dimple.js

假设我们有示例http://dimplejs.org/examples_viewer.html?id=bars_vertical的条形图,我想将x轴标签从“Months”更改为“Meses”。 我怎么能这样做?

2 个答案:

答案 0 :(得分:7)

绘图后,您可以访问标题对象并按如下方式设置文本:

chart = new dimple.chart(svg, data);
x = chart.addCategoryAxis("x", ["Fruit", "Year"]);
chart.addMeasureAxis("y", "Value");
chart.addSeries(["Volume", "Year"], dimple.plot.bar);
chart.draw();
x.titleShape.text("My New Title");

这里有效:http://jsfiddle.net/y3BVN/

答案 1 :(得分:6)

除了在绘图后更改titleShape ,您还可以在绘图之前直接更改标题

为此,只需指定title属性:

var chart = new dimple.chart(svg, data);
var x = chart.addCategoryAxis("x", ["Fruit", "Year"]);
x.title = "My New Title";