码迷,mamicode.com
首页 > Web开发 > 详细

使用JS charts来画图表(二)——饼状图

时间:2015-07-25 10:43:04      阅读:128      评论:0      收藏:0      [点我收藏+]

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


之前忘记上传js文件了···

http://yun.baidu.com/share/link?shareid=648486741&uk=3341728381
demo里面有一些例子,但里面的js是不支持中文的,用在外面的js


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

使用JS charts来画图表(二)——饼状图

标签:javascript   jsp   java   

原文地址:http://blog.csdn.net/u014357995/article/details/47053701

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!