提供3000多款全球软件/控件产品
针对软件研发的各个阶段提供专业培训与技术咨询
根据客户需求提供定制化的软件开发服务
全球知名设计软件,显著提升设计质量
打造以经营为中心,实现生产过程透明化管理
帮助企业合理产能分配,提高资源利用率
快速打造数字化生产线,实现全流程追溯
生产过程精准追溯,满足企业合规要求
以六西格玛为理论基础,实现产品质量全数字化管理
通过大屏电子看板,实现车间透明化管理
对设备进行全生命周期管理,提高设备综合利用率
实现设备数据的实时采集与监控
利用数字化技术提升油气勘探的效率和成功率
钻井计划优化、实时监控和风险评估
提供业务洞察与决策支持实现数据驱动决策
原创|其它|编辑:郝浩|2012-10-16 11:47:36.000|阅读 1113 次
概述:对AnyChart进行一定的情况描述,同时也在文中提供了AnyChart入门指南
# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>
前几天朋友需要这个报表,于是一起研究了下。简单做两个实例传上来。
简介
AnyChart是一款收费的报表工具
1. AnyChart跨浏览器,并且可以用于Web,桌面,以及移动应用
2. AnyChart支持所有浏览器,如Chrome, Safari, Firefox, IE and Opera
3. 所有流行移动平台 Android (2.2+) and iOS (iPhone, iPad, iPod Touch).
4. 支持所有脚本语言 ASP.NET, ASP, PHP, JSP, ColdFusion, Ruby on Rails, Perl or any other.
数据源
1.可以是关系型数据库,mysql,oracle,sqlserver
2.可以是xml,excel,CSV file
选择AnyChart原因
1. 好看,动态
2. 交互性好
3. 跨平台
4. 不需要安装
5. 基于xml
6. 支持flash和HTML5,但不需要flash和HTML5的知识
入门:
AnyChart入手很容易,只需要打开basic-sample,启动,就能看到第一个例子。
我按照一个柱状图入手,来讲解这个教程
这是一个横向柱状图,看xml
<?xml version="1.0" encoding="UTF-8"?>
<anychart>
<charts>
<!--类型设置-->
<chart plot_type="CategorizedHorizontal">
<!--数据设置-->
<data>
<series name="Year 2003" type="Bar">
<point name="Department Stores" y="637166" />
<point name="Discount Stores" y="721630" />
<point name="Men's/Women's Specialty Stores" y="148662" />
<point name="Juvenile Specialty Stores" y="78662" />
<point name="All other outlets" y="90000" />
</series>
</data>
<!--具体设置-->
<data_plot_settings>
<bar_series>
<tooltip_settings enabled="True" />
</bar_series>
</data_plot_settings>
<!--坐标轴,标题设置 -->
<chart_settings>
<title enabled="false" />
<axes>
<y_axis position="Opposite">
<title>
<text><![CDATA[Sales]]></text>
</title>
<labels>
<format><![CDATA[{%Value}{numDecimals:0}]]></format>
</labels>
</y_axis>
<x_axis>
<labels align="Inside" />
<title>
<text><![CDATA[Retail Channel]]></text>
</title>
</x_axis>
</axes>
</chart_settings>
</chart>
</charts>
</anychart>
下面我对自带的例子的xml进行修改
1. 变成常用的柱状图
<!--原为横向 CategorizedHorizontal -->
<chart plot_type="CategorizedVertical">
2. 加上3D效果
<data_plot_settings enable_3d_mode="True" z_aspect="0.3" z_padding="0.5">
在<y_axis>加上
<scale mode="Overlay" />
3. 修改y轴的最大,最小,间距
<scale mode="Overlay" minimum="0" maximum="100" major_interval="25"/>
4. 修改柱子的样式
增加
<styles>
<!-- 样式s2-->
<bar_style name="style2">
<states>
<normal>
<fill enabled="true" type="solid" color="DarkBlue" />
</normal>
<hover>
<fill enabled="true" type="solid" color="aqua" />
</hover>
</states>
</bar_style>
<!-- 样式1-->
<bar_style name="style1">
<fill type="Solid" color="Gold" opacity="1" />
<border thickness="4" color="Rgb(86,86,26)" />
<hatch_fill enabled="True" type="DiagonalBrick" color="Gray" />
<effects>
<bevel enabled="true" highlight_opacity="0.4" shadow_opacity="0.4" distance="2" />
<drop_shadow enabled="true" opacity="0.3" />
</effects>
<states>
<hover>
<border color="DarkRed" thickness="6" />
<hatch_fill color="DarkRed" />
</hover>
</states>
</bar_style>
</styles>
然后:
1. <point name = "怀柔" y="90" style="style1"/>
或者 直接
2. <point name = "丰台" y="80" color="red"/>
或者采用默认的"Default", "Silver", "AquaLight" and "AquaDark"其中一个
3. <point name = "通州" y="80" style="AquaDark"/>
5. 鼠标滑过提示,和 柱子提示
在<data_plot_settings>中加入
<bar_series>
<tooltip_settings enabled="True">
<format>
{%Name}
${%Value}{numDecimals:0}
</format>
</tooltip_settings>
<!--标签提示 -->
<label_settings enabled="True">
<font bold="False" />
<format>{%Value}{numDecimals:0}</format>
</label_settings>
</bar_series>
6. 图例
红圈内,叫图例
a) 在chart_settings内添加
<!-- 图例-->
<legend enabled="True" ignore_auto_item="True">
<title enabled="false" />
<items>
<item source="Points" />
</items>
<format>{%Icon} {%Name} (${%Value}{numDecimals:0})</format>
</legend>
b) 然后在html页面内做修改:
var chart = new AnyChart('./swf/AnyChart.swf', './swf/Preloader.swf');
7. 传入div
chart.write("divName");
8. 还有一些小功能,最终成图:
本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn
文章转载自:51cto博客面对“数字中国”建设和中国制造2025战略实施的机遇期,中车信息公司紧跟时代的步伐,以“集约化、专业化、标准化、精益化、一体化、平台化”为工作目标,大力推进信息服务、工业软件等核心产品及业务的发展。在慧都3D解决方案的实施下,清软英泰建成了多模型来源的综合轻量化显示平台、实现文件不失真的百倍压缩比、针对模型中的大模型文件,在展示平台上进行流畅展示,提升工作效率,优化了使用体验。
本站的模型资源均免费下载,登录后即可下载。模型仅供学习交流,勿做商业用途。
本站的模型资源均免费下载,登录后即可下载。模型仅供学习交流,勿做商业用途。
本站的模型资源均免费下载,登录后即可下载。模型仅供学习交流,勿做商业用途。
服务电话
重庆/ 023-68661681
华东/ 13452821722
华南/ 18100878085
华北/ 17347785263
客户支持
技术支持咨询服务
服务热线:400-700-1020
邮箱:sales@pclwef.cn
关注我们
地址 : 重庆市九龙坡区火炬大道69号6幢