使用JS charts来画图表(二)

如上是一个饼状图:

代码如下:

<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>之前忘记上传js文件了···

?shareid=648486741&uk=3341728381demo里面有一些例子,,但里面的js是不支持中文的,用在外面的js

版权声明:本文为博主原创文章,未经博主允许不得转载。

找一个让心里安静和干净的地方,自己变得跟水晶一般透明,

使用JS charts来画图表(二)

相关文章:

你感兴趣的文章:

标签云: