DOJO Charts 2D : Unable to Stretchable / Scrollable/Draggable as in case of Google Maps View.

Ravi Kiran Va

Ranch Hand

Posts: 2234

I like...

posted 12 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Hi ,

I am using Dojo Framework(new dojox.charting.Chart2D ) to create Charts .
This works but i am unable to create Draggable charts (Scrolling of charts) like in Google Maps .

Even though i am using new dojox.charting.Chart2D("simplechart", {scroll:true,stretchToFit:false}); but this doesn't work

Please help me this is my code :

<html>
<head>
<title>Basic Charting</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

makeCharts = function()
	
	{

chart1 = new dojox.charting.Chart2D("simplechart", {drag:true,stretchToFit:false});

chart1.addAxis("x" , {title: 'XAxis', fontColor: "red"});
chart1.addAxis("y", {vertical: true, title:'Y Axis' , fontColor: "orange"});
chart1.addSeries("Series 1", [1, 2, 4, 5, 5, 7, 8 , 9, 10,11,1, 2, 4, 5, 5, 7, 8 , 9, 10,11,1, 2, 4, 5, 5, 7, 8 , 9, 10,11,1, 2, 4, 5, 5, 7, 8 , 9, 10,11],  {stroke: {color: "green"},
      fill: "lightblue"} );

//chart1.addPlot("default", {type: "StackedAreas", markers: true, 
    //    tension:3, shadows: {dx: 2, dy: 2, dw: 2}});	
		
		
		chart1.addPlot("default", {type: "StackedAreas", lines: true, areas: true,
      markers: true});
	  
		chart1.setTheme(dojox.charting.themes.PlotKit.blue);
		
		   chart1.connectToPlot("default", function(args){
		switch(args.type){
			case "onclick":
				if(args.index == 1){
					var shape = args.shape;
					
					alert('Clicked Object is'+args.index);
				}
				break;
		}
	});
		chart1.render();
};
dojo.addOnLoad(makeCharts);
</script>
</head>
<body>
<div id="simplechart" style="width: 400px; height: 250px;"></div>
<div id="legend"></div>
<input type="button" name="Generate" onclick="callMe()"/>
</body>
</html>

Waiting for your replies , Thanks .

Save India From Corruption - Anna Hazare.

Joel Salatin has signs on his property that say "Trespassers will be Impressed!" Impressive tiny ad:

a bit of art, as a gift, that will fit in a stocking

https://gardener-gift.com