标签: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