anychart
关注
分享
扫一扫
文章平均质量分 82
iteye_8065
这个作者很懒，什么都没留下…
展开
-
Anychart图表系列一：入门介绍
在项目中使用Anychart图表已经有8个月有余，对Anychart整体也有了一定的了解，产品升级的空闲期，分享一点Anychart图表的使用经验。 前言Anychart是一款基于Flash/HTML5（最新的6.0x版本开始支持HTML5）进行图形渲染的图表组件，图数据采用了XML格式进行解析，主要提供Javascript方法调用的形式来将图形渲染到web页面。这是一款商...2013-06-24 16:50:31 · 773 阅读 · 0 评论 -
Anychart图表系列十之增值功能
本章的信息量可能会很大，而且会不断更新，标题说的“增值功能”由多个小功能组成，因为每个小功能内容都不多不能成篇，所以统一在本章介绍。 右键菜单以Flash效果渲染的图形，可以通过鼠标右键查看到右键菜单，默认的右键菜单功能包括：版本提示、另存为图片、另存为PDF和打印图表。上图是默认的右键菜单样式，同时AnyChart提供了菜单的自定义配置。用户可以取消显示指定菜单项，...原创 2013-09-23 17:51:40 · 342 阅读 · 0 评论 -
Anychart图表系列九之Dashboard
Dashboard中文释义为仪表盘、控制台，这个用词很生动，它指的是多个图组合在一起的效果，就像模具工作中的操作台一样由多种图形仪器组成。 在项目中，特别是高管平台，领导看重的是多套数据的汇总，所以dashboard更为重要，下例是一个典型的dashboard，后面就从它入手，介绍dashboard的使用。 第一步，创建<dashboard>，要创建多图整合，就必须在X...原创 2013-09-18 17:53:37 · 336 阅读 · 0 评论 -
Anychart图表系列八之仪表图
AnyChart除了常规图以外，还支持仪表图----表盘形、温度计类型等，我们在项目进度管理的统计中用到了仪表盘，效果非常不错。 第一个仪表盘第一步，创建一个简易的仪表盘 <?xml version="1.0" encoding="UTF-8"?><anychart> <gauges> <gauge>...原创 2013-09-18 11:16:42 · 363 阅读 · 0 评论 -
Anychart图表系列七之冒泡提示和文字提示
一个完整的图表，冒泡提示和文字提示是很有必要的，冒泡提示是鼠标移动到每个point上时会有提示，而文字提示是在每个point上面显示用户自定义的文字。 如下图所示，这是一个比较全面的例子：有的柱子有冒泡/文字提示，有的柱子没有，有的柱子是统一的冒泡/文字提示，有的柱子是额外自定义的提示。我们在项目会遇到各种需求，AnyChart基本都能满足。下面会根据此图介绍如何设置冒泡和文字提示。...原创 2013-09-17 11:28:49 · 397 阅读 · 0 评论 -
Anychart图表系列六之滚动条
如果数据过多的时候，图表因为只有固定宽度，无法呈现较好的效果，这时候滚动条的作用就出来了，基于Flash格式的AnyChart支持图表内出滚动条（目前HTML5尚不支持）。AnyChart水平和竖直方向均支持滚动条，以下是出滚动条的设置，<y_axis>中的<zoom>表示在y轴出滚动条，<x_axis>中的<zoom>表示在x轴出滚动条。...2013-09-16 18:06:59 · 243 阅读 · 0 评论 -
Anychart图表系列五之事件监听
创建图表事件监听非常简单：首先是通过addEventListener('监听类型',js监听方法)添加事件监听，然后在js监听方法中定义具体监听逻辑。以钻取操作为例，当用户点击图表某一个point的时候弹出point的name和value，代码如下：<script>//创建AnyChartvar chart = new AnyChart();//添加钻取操作"p...2013-09-16 15:35:35 · 353 阅读 · 0 评论 -
Anychart图表系列四之标题和图例
图标题和图例在图表元素中是不可或缺的一部分，标题能表达图的意思，图例能表达图的组成。 标题如上图所示，标题分为三种：Title（主标题）、Sub-Title（副标题）、Footer（脚注）。关于标题的Anychart参考文档可访问这里。 启用三种标题的XML配置如下： <chart_settings> <title enabled="...原创 2013-09-03 14:56:02 · 920 阅读 · 0 评论 -
Anychart图表系列三之常用图介绍
今天给大家带来的是Anychart各种图的介绍，主要是教大家如何配出自己需要的图形出来。 柱状图（Column Chart）柱状图是项目中最常用的图形之一，他的指标在X轴方向，每个指标对应的值在Y轴，Anychart的柱状图支持2D和3D效果。【官方参考文档】如下代码片段，是一个简单的柱状图的XML配置，要生成一个柱状图，你就必须配置<chart>的plot_t...2013-06-27 16:30:12 · 759 阅读 · 0 评论 -
Anychart图表系列二之执行Flash和HTML5渲染
今天介绍Anychart的Flash和HTML5渲染功能 HTML5Anychart从6.0第一个版本起，已经逐渐开始支持各种图的HTML5渲染效果了，也就是说即使你没有安装Flash插件，只要浏览器支持HTML5，也能看到Anychart的图形（不过这些是需要做一些配置的）。这里要提醒下大家，Anychart6.0版本对HTML5的支持还不算很成熟，目前还处于beta版本...2013-06-25 17:11:33 · 287 阅读 · 0 评论 -
Anychart图表组件-Flash图转IMG普通图的方法
问题背景：项目使用的是Anychart图表组件，渲染出来的图是Flash的，往往一个页面有时候会有多个flash图，而需求是让我们做一个打印预览和打印功能，让多个Flash图在一个页面上打印出来。 那么我们打印预览的思路是获取页面的body元素，然后在打印预览界面通过$("body").append(html)的形式显示预览效果，结果让人大跌眼镜：Flash是有的，但是一直在提醒“wa...原创 2013-03-25 14:20:47 · 202 阅读 · 0 评论