使用JS charts来画图表(一)——条形图
来源:互联网 发布:参加淘宝培训班有用吗 编辑:程序博客网 时间:2024/06/05 03:26
如上是一张条形图,代码实现如下:
<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"); //导入xmlmyChart.setSize(1100, 800);//设置大小myChart.setTitle("按集团和管理部门统计"); //设置标题myChart.draw(); //用jscharts将他画出来/* 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="bar">
<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="setBarColor" value="'#42aBdB'" />
<option set="setBarOpacity" value="0.8" />
<option set="setBarBorderColor" value="'#D9EDF7'" />
<option set="setBarValues" value="false" />
<option set="setTitleColor" value="'#8C8383'" />
<option set="setAxisColor" value="'#777E81'" />
<option set="setAxisValuesColor" value="'#777E81'" />
</optionset>
</JSChart>
按照这样的格式设置他的颜色等
- 使用JS charts来画图表(一)——条形图
- 使用JS charts来画图表(二)——饼状图
- 使用JS charts来画图表(三),各种方法
- 【Python】Matplotlib画图(八)——条形图
- matplotlib 画图 条形图
- js-Charts使用简介
- swift 画图 Charts的基本使用
- js 创建条形图
- iOS使用Charts框架绘制—饼状图
- iOS使用Charts框架绘制—饼状图
- iOS使用Charts框架绘制—饼状图
- iOS使用Charts框架绘制—饼状图
- iOS使用Charts框架绘制—柱形图
- Android图表库MPAndroidChart(十二)——来点不一样的,正负堆叠条形图
- Android图表库MPAndroidChart(十二)——来点不一样的,正负堆叠条形图
- Android图表库MPAndroidChart(十二)——来点不一样的,正负堆叠条形图
- 使用graphviz dot来画图表
- 【转】使用graphviz dot来画图表
- 关闭Linux的ICMP
- Mac 下配置 Git 服务器
- Apriori算法详解之【二、伪代码和例子】
- 开方
- SUN服务器
- 使用JS charts来画图表(一)——条形图
- C 语言和C++语言的 struct对比
- poj 2236 Wireless Network 并查集
- [Python学习] 简单网络爬虫抓取博客文章及思想介绍
- OC语言字典
- 通过异或交换变量的数值
- domino服务器上,如何在服务器设置定时(每周)压缩数据库?
- DDR3的理
- 渐开线函数工具