Search code examples
d3.jsdimple.js

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?


Solution

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