Updating textbox
HTML
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.9.0/dijit/themes/claro/claro.css">
<div id="chart"></div>
CSS
body, html, #chart {
height : 100%;
width : 100%;
}
JavaScript
require(["dojox/charting/Chart",
"dojox/charting/themes/Claro",
"dojox/charting/plot2d/Lines",
"dojo/fx/easing",
"dojox/charting/axis2d/Default",
"dojox/charting/plot2d/Markers",
"dojo/domReady!"
], function(Chart, theme, Lines, easing){
var myChart = new Chart("chart");
myChart.setTheme(theme);
//Add plot for LHS axis
myChart.addPlot("default", {
type: Lines,
markers: true,
hAxis: "x",
vAxis: "y"
});
//Add additional plot for RHS axis
myChart.addPlot("other", {
type: Lines,
markers: true,
hAxis: "x",
vAxis: "other y",
animate: { duration: 1000, easing: easing.linear}
});
//Add axis
myChart.addAxis("x", {
fixUpper: "major",
fixLower:"minor"
});
myChart.addAxis("y", {
title: "Y Axis Left",
vertical: true,
min : 0,
fixUpper: "major",
fixLower:"minor"
});
myChart.addAxis("other y", {
title: "Y Axis Right",
vertical: true,
leftBottom: false,
min : 0,
fixUpper: "major",
fixLower:"minor"
});
//Add the data
myChart.addSeries('test1',[{x:1,y:2},{x:2,y:3},{x:3,y:2},{x:4,y:2}]);
myChart.addSeries('test2',[{x:1,y:3},{x:2,y:1},{x:3,y:3},{x:4,y:3}]);
myChart.addSeries('test3',[{x:1,y:5},{x:2,y:7},{x:3,y:5}, {x:4,y:5.5}], {plot: "other", stroke: {color:"red"}, shadow: {dx:2 , dy: 2}});
myChart.render();
});