CODEWITHSUNDEEP
d3.jsdimple.js
jpmarindiaz
jpmarindiaz

Reputation: 1649

dimple.js How can I change the labels of a chart axis without changing the data?

Say we have the bar chart of the example http://dimplejs.org/examples_viewer.html?id=bars_vertical and I want to change the x axis label from "Months" to "Meses". How can I do that?

Upvotes: 3

Views: 4694

Answers (2)

philippn
philippn

Reputation: 2044

Instead of changing the titleShape after drawing, you can also change the title directly before drawing.

To do so, simply assign the title property:

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

Upvotes: 6

John Kiernander
John Kiernander

Reputation: 4904

After drawing you can access the title object and set it's text as follows:

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");

Here it is working: http://jsfiddle.net/y3BVN/

Upvotes: 7

Related Questions