dojo+饼图

1.js脚本：

 
 

  
  
 dojo.require("dojox.charting.Chart2D");
 dojo.require("dojox.charting.plot2d.Pie");
 dojo.require("dojox.charting.action2d.Highlight");
 dojo.require("dojox.charting.action2d.MoveSlice");
 dojo.require("dojox.charting.action2d.Tooltip");
 dojo.require("dojox.charting.themes.MiamiNice");
 dojo.require("dojox.charting.widget.Legend");
  
  

  
  
functiongetPipe(){ 
  
  
vardc=dojox.charting; 
  
  
varchartTwo=newdc.Chart2D("chartTwo"); 
  
  
chartTwo.setTheme(dc.themes.MiamiNice).addPlot("default",{ 
  
  
type:"Pie",
  
  
font:"normalnormal11ptTahoma",
  
  
fontColor:"black",
  
  
labelOffset:-30,
  
  
radius:80 
  
  
}).addSeries("SeriesA",[{ 
  
  
y:4,
  
  
text:"Red",
  
  
stroke:"black",
  
  
tooltip:"Redis50%"
  
  
},
  
  
{ 
  
  
y:2,
  
  
text:"Green",
  
  
tooltip:"Greenis25%"
  
  
},
  
  
{ 
  
  
y:1,
  
  
text:"Blue",
  
  
tooltip:"IamfeelingBlue!"
  
  
},
  
  
text:"Other",
  
  
tooltip:"Mighty<strong>strong</strong><br>Withtwolines!"
  
  
}]); 
  
  
varanim_a=newdc.action2d.MoveSlice(chartTwo,"default"); 
  
  
varanim_b=newdc.action2d.Highlight(chartTwo,"default"); 
  
  
varanim_c=newdc.action2d.Tooltip(chartTwo,"default"); 
  
  
chartTwo.render(); 
  
  
varlegendTwo=newdojox.charting.widget.Legend({ 
  
  
chart:chartTwo 
  
  
},
  
  
"legendTwo"); 
  
  
}
  
  
 dojo.addOnLoad(getPipe);//添加onload事件
 
 

2.HTML代码：

 
 

  
  
<divid="legendTwo">
  
  
</div>
 
 

3.展示效果：

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!