Dojo - Chart change title
http://stackoverflow.com/questions/16224088/change-dojox-charting-chart-title-after-render
HTML
<link rel="stylesheet" href="http://dojotoolkit.org/documentation/tutorials/1.6/charting/demo/style.css">
<link rel="stylesheet" href="http://dojotoolkit.org/documentation/tutorials/resources/style/demo.css">
<button id="changetitle">Change title</button>
<div id="chartOne"></div>
JavaScript
require(["dojo/query", "dojox/charting/Chart", "dojox/charting/axis2d/Default", "dojox/charting/plot2d/StackedAreas", "dojox/charting/themes/Wetland", "dojo/ready"],
function (query, Chart, Default, StackedAreas, Wetland, ready) {
function createChart() {
var c = new Chart("chartOne", {
title: "First title",
titleFont: 'Tahoma 10px'
});
c.addPlot("default", {
type: StackedAreas,
tension: 3
})
.addAxis("x", {
fixLower: "major",
fixUpper: "major"
})
.addAxis("y", {
vertical: true,
fixLower: "major",
fixUpper: "major",
min: 0
})
.setTheme(Wetland)
.addSeries("Series A", [1, 2, 0.5, 1.5, 1, 2.8, 0.4])
.addSeries("Series B", [2.6, 1.8, 2, 1, 1.4, 0.7, 2])
.addSeries("Series C", [6.3, 1.8, 3, 0.5, 4.4, 2.7, 2]);
return c;
}
ready(function () {
var chart = createChart();
query("#changetitle").onclick(function () {
// These 3 don't work
//c.setTitle("Two");
//c.setChartTitle("Two");
//c.set("title", "Two");
chart.title = new Date().toString();
chart.fullRender();
});
chart.render();
console.log(chart);
});
});