标签:javascript jsp java
如上是一个饼状图:
代码如下:
<html> <head> <title>部门管理</title> <script type="text/javascript" src="codebase/jscharts.js"></script> </head> <body> <div id="graph">Loading graph...</div> <script type="text/javascript"> /* var myChart = new JSChart('graph', 'bar'); myChart.setDataXML("data/chart.xml"); myChart.setSize(1100, 800); myChart.setTitle("按集团和管理部门统计"); myChart.draw(); */ var myChart = new JSChart('graph', 'pie'); myChart.setTitle("按集团和管理部门统计"); myChart.setSize(1100, 800); myChart.setDataXML("data/pie.xml"); myChart.draw(); </script> </body> </html>
关于饼状图的xml构造:
<?xml version="1.0" encoding="UTF-8"?> <JSChart> <dataset type="pie"> <data unit="浙江南方石化工业有限公司" value="1" /> <data unit="浙江物产电子商务有限公司" value="1" /> <data unit="浙江物产金属集团有限公司" value="4" /> <data unit="浙江省物产集团公司" value="6" /> <data unit="省属集团企业" value="3" /> </dataset> <colorset> <color value="#FACC00" /> <color value="#FB9900" /> <color value="#FB6600" /> <color value="#FB4800" /> <color value="#CB0A0A" /> <color value="#F8F933" /> </colorset> <optionset> <option set="setTitleColor" value="'#857D7D'" /> <option set="setPieUnitsColor" value="'#9B9B9B'" /> <option set="setPieValuesColor" value="'#6A0000'" /> </optionset> </JSChart>
http://yun.baidu.com/share/link?shareid=648486741&uk=3341728381
demo里面有一些例子,但里面的js是不支持中文的,用在外面的js
版权声明:本文为博主原创文章,未经博主允许不得转载。
标签:javascript jsp java
原文地址:http://blog.csdn.net/u014357995/article/details/47053701