【www.huxinfoam.com--个人工作总结】
《anychart图表个人总结》是一篇好的范文,感觉写的不错,希望对您有帮助,希望大家能有所收获。
篇一:AnyChart图表个人总结
AnyChart图表个人总结
1、AnyChart介绍
AnyChart是一种先进的基于flash的数据可视化的解决方案,是用于构建复杂报表的理想工具,AnyCharts使用XML作为通用数据接口,这样我们就能够从任何数据源中使得数据可视化。AnyChart是完全跨浏览器和跨平台的。很多种理由让你选择AnyChart解决方案:
(1)图表好看、动画;(2)交互性强;(3)跨平台;(4)不需要安装、基于XML技术。接下来看一个具体的简单的图表(图1):
图1、水平直方图
2、AnyChart数据的设置
2.1获得数据(getData)
AnyChart通过配置XML文件获得任何数据源的数据。
举例:
<data>
<series name="Sales"type="Bar">
<point name="John"y="10000"/>
<point name="Jake"y="12000"/>
<point name="Peter"y="18000"/>
<point name="James"y="11000"/>
<point name="Mary"y="9000"/>
</series>
</data>
<data />用来存数据的,<series />序列:数据集,<point />单条数据。
2.2用csv_data
csv数据:
<data_sets>
<csv_data_set name="simpleDataSet"><![CDATA[
P1,174,5854,3242
P2,197,4171,3171
]]>
</csv_data_set>
</data_sets>
使用这个数据:
<series name="Series 2"type="Bar"data_source="CSV">
<csv_data_mapping data_set="simpleDataSet">
<field column="0"name="name"/>
</ csv_data_mapping>
</series>
3、AnyChart实现一个简单图表
实现一个简单的图表,需要建一个工程,目录可如下:
其中需要一个swf文件,一个js文件,
一个html文件,一个xml文件。
swf文件主要是用来解析xml文件的数据格式生成图表,AnyChart范文写作提供了很多种的swf文件。
js文件用来处理html数据的一些解析和一些数据操作的处理,AnyChart提供了一个AnyChart.js文件。
xml文件:实现数据的可视化。
html文件:显示图表的网页。
具体的实现代码:可参考官方网站提供的事例。
4、图表的基本类型
图表的基本类型主要大类有:折线图,散点图,堆积图,饼状图和圆圈图,气泡图,锥形图和漏斗图,热区图,雷达图,极性图。
折线图有:面积图(Area Chart)、条线图(Bar Chart、Line Chart)、圆柱图(Column Chart)、圆锥图(Cone Chart)、圆筒图(Cylinder Chart)、金字塔图(Pyramid Chart)、标记图(Marker Chart)、
散点图有:散射线图(Scatter Line)、分散气泡图(Scatter Bubble)、
堆积图有:按百分比堆积图和按值堆积图(Percent Stacked Chart 和 Stacked Chart) 饼状图和圆圈图有:Pie/Doughnut Chart
范文TOP100气泡图有:Bubble Chart
漏斗图和锥形图有:Funnel/ Pyramid Chart
热区图有:HeatMap Chart和TreeMap Chart
雷达图和极性图有:Radar Chart 和Polar Chart
这些图表都有共性:基本上都有轴,有序列,能够设置轴的一些属性(像方向,是否倒置,最大值和最小值),能够设置风格(Styles),标签,提示工具、用标记,用色彩调色板,用填充和填充调色板。都能设置多序列数据和图例。
4.1 Area Chart
面积图由轴和序列数据构成,一个轴是数字轴,一个轴是分类轴。
具体实现是:<series name="Sales"type="Area">其中type为Area,就能建立一个面积图,type可为Area、SplineArea,SplineArea是样条面积图。也可以这样建立一个面积图:通过设置<data_plot_settings default_series_type="Area"/>
<charts>
<chart plot_type="CategorizedVertical">
<data_plot_settings default_series_type="Area"/>
<data>
<series name="2004 Sales">
<point name="May"y="14000"/>
</data>
</charts>
轴(Axis)的设置:可设置轴的方向,是否倒置,最大值和最小值。
面积图可设置风格(Styles),标签,提示工具、用标记,用色彩调色板,用填充和填充调色板。
思想汇报专题注意:轴的设置,风格设置,标签和提示工具,标记,色彩调色板,填充和填充调色板,后面距离说明。
4.2 Bar Chart 和 Column Chart
考虑用条形图时:(1)轴标签是长的;(2)表示的值是继续时间的。
条形图和柱状图的主要区别是:条形图是水平的,柱状图是垂直方向的。
条形图和柱状图:也是由轴和序列数据构成,轴也是一样的,建立一个他们,设置为: <series name="Year 2003"type="Bar">,设置type为Bar,水平的则为条形图,垂直的则为柱状图,具体的设置: <chart plot_type="CategorizedHorizontal">,其中plot_type设置值的不同,可设置水平和垂直的,CategorizedHorizontal和CategorizedVertical分别为水平和垂直的,同时也可以像面积图一样设置成:
<data_plot_settings default_series_type="Bar"/>也可以。条形图和柱状图还设置成3D图的,设置<data_plot_settings enable_3d_mode="True">中enable_3d_mode的值为true就行。还能设置包含Z轴的3D图,在设置包含Z轴的3D图时要注意:除了设置<data_plot_settings default_series_type="Bar"enable_3d_mode="True"z_aspect="0.7"z_padding="0.3">,还要记得设置:<y_axis><scale mode="Overlay"/></y_axis>
条形图和柱状图也能设置轴的一些属性,最全面的范文参考写作网站能调整条形之间的距离和条形组之间的距离:通过设置<data_plot_settings>子节点<bar_series>中的point_padding和group_padding的大小调整。
条形图和柱状图同样能设置风格(Styles),标签,提示工具、用标记,用色彩调色板,用填充和填充调色板。
4.3 Bubble Chart
气泡图:两轴和序列数据,其中两轴可为:一数值轴,一分类轴,就是折线图;当两轴都是数值轴时,也就变成了分散图,也就是分散气泡图。
建立一个气泡图:设置<series>中type为Bubble,
<series name="ACME"type="Bubble">
<point name="Product A"y="637"size="6"/>
</series>
其中y值代表数字轴上的位置,size为气泡大小。其中可设置气泡的控制大小,具体设置在<data_plot_settings>中子节点<bubble_series>中的maximum_bubble_size和minimum_bubble_size的值。有时候可能气泡之间能造成一个气泡遮住了另一个气泡(也就是气泡重叠),为了防止气泡重叠,可设置:<y_axis scale mode="SortedOverlay"></y_axis>
气泡图同样能设置风格(Styles),标签,提示工具、用标记,用色彩调色板,用填充和填充调色板,轴。
4.4 Cone Chart、Cylinder Chart 和 Pyramid Chart
他们同样也是由两轴(一个数字轴,一个分类轴)和序列数据构成。
建立:设置<series type="Bar"shape_type="Cone">,其中shape_type为Cone、Cylinder、Pyramid,则分别为圆锥图、圆筒图和金字塔图。
他们能设置3D的(参考条形图的设置),还能设置堆积图(下面再说明)。
他们同样能设置风格(Styles),标签,提示工具、用标记,用色彩调色板,用填充和填充调色板,轴。
4.5 Japanese Candlestick Chart和Open High Low Close (OHLC) Chart
烛台图和高低图:同样两轴和序列数据。
主要使用情况在股票的一些图中。
建立:设置<series name="ACME"type="Candlestick ">则为烛台图,<series
name="ACME"type="OHLC">则为高低图。他们中<point>有几个属性:open,high,low,close。
他们同样能设置风格(Styles),标签,提示工具、用标记,用色彩调色板,用填充和填充调色板,轴。
4.6 Line Chart
线条图:同样两轴和序列数据。
建立:设置<series name="Sales"type="Line">。其中type可设置两值:Line,Spline,StepLineForward和StepLineBackward。其中设置StepLineForward和StepLineBackward两者的区别是:图表的显示不同,下图中左边是StepLineForward图,右边是StepLineBackward图,也就是StepLineForward图中线是从前往后连的线,StepLineBackward图中的线是从后往前连的线。
同样,线条图也能设置风格(Styles),标签,提示工具、用标记,用色彩调色板,用填充和填充调色板,轴。
4.7 Marker Chart
标记图:两轴和序列数据
建立:<series name="Box office"type="Marker">。
同样,标记图也能设置风格(Styles),标签,提示工具、用标记,用色彩调色板,用填充和填充调色板,轴。
篇二:软件常用图表控件总汇软件常用图表控件总汇
数据可视化,图形化显示是当前工业领域、商业领域、金融领域等不可或缺的元素,通常采用图表进行数据可视化展示,直观地显示数据、对比数据、分析数据,很多项目开发中都会需求到图表控件,这里简单介绍下各个开发平台下的常用图表控件。
Flash类的图表:
该类图表主要使用Flash Player作为载体,使用XML作为数据输入,优点是可以跨平台、跨浏览器,支持多种开发语言,快速上手且使用简单,支持多种类型的图表、仪表和地图,具备交互功能且可连接多种数据库
1.AnyChart图表控件
AnyChart控件是一款当前流行的数据可视化解决方案,使客户可以创建交互地、生动的图表和仪表、地图。该控件提供极好的视觉外观和配色方案能够使客户根据不同的需求设计图表,AnyChart是一款跨浏览器的工具,可以被用于Web、Desktop和Mobile应用程序,AnyChart可运行于当前PC和Mac上所有主流的浏览器,如:Chrome,Safari,Firefox,Internet Explorer和Opera,并且可用于所有移动平台(Android (2.2+) 和 iOS (iPhone,iPad,iPod Touch).)上的主流浏览器,全面支持HTML5和SVG
2.FusionCharts图表控件
FusionCharts帮助开发人员创建动态的和交互式的图表应用程序,可用于PCs,Macs,iPads,iPhones和其他主流的移动驱动,控件使用Flash和JavaScript(HTML5)来创建图表,使用XML或者JSON作为数据输入,支持ASP,ASP.NET,PHP,JSP,ColdFusion,Ruby on
Rails等脚本语言和多种数据库,支持多种图表类型、仪表和地图。
.NET类图表
该类图表主要是针对.NET平台设计,并不需要Flash Player等作为载体,可直接在WebForm和WinForm窗体上显示,控件提供了直连数据源接口,不需使用XML作为数据输入,可直接绑定各种数据源到控件,同样支持多种图表、仪表类型,具备各种交互功能,实时数据显示
1.TeeChart for.NET
TeeChart for.NET是Steema软件公司的一款老牌图表控件,历经15年,已经被全球多个领域广泛使用,支持WPF,Silverlight,ASP.NET,Winform,SQL Reporting Services,Compact Framework 和Windows Phone 7等多种平台。提供了多种流行的2D和3D图表类型和仪表以及地图,内置多种金融和统计函数,完全的中文图表设计器,是当前.NET开发人员创建图表应用程序的首选。
2.Visifire
Visifire是一款强大的数据可视化图表控件,提供多种功能的图表和仪表,图表和仪表实时显示和更新,滚动和放大缩小,可以用于Silverlight和WPF平台下,支持.Net 3.5 SP1以及4.0,全面兼容Windows Phone7,利用该控件开发人员可以在几分钟内就设计出强大的图表应用程序
3.ComponentArt Gauges for Silverlight and WPF
该控件是一款功能强大的交互性的仪表控件,包含了多种数字仪表控件,容易地进行KPI绑定,自定义指针,比列以及刻度,灵活的布局和动画显示,包含了圆型仪表、线性仪表、数字仪表、圆柱图、BulletGraphs、半饼图、温度计、组合仪表等,全面支持Visual Studio 2010设计时设计和Silverlight 4以及WPF4
4.Chart FX
Chart FX是一款.NET平台下功能强大的图表控件,完全整合于Visual Studio 2005、2008、2010,可同时用于WinForm和WebForm平台,控件提供了超过20多种的图表类型,多种交互功能和数据分析功能,强大的图表设计器和最终用户自定义功能,该控件被全球多家500强企业所使用,受到业界一致好评。
Activex和COM类型:该类图表控件主要是运用于VC++和VB等开发平台
1.TeeChart Pro ActiveX
该控件也是Steema公司下的一款老牌的图表控件,可完全满足你的商业,科学,工程学及金融图表需求。它提供了多种2D及3D图表类型,33种数据及统计学函数供您选择,图表同时提供无限数量的坐标轴和17个常用图表工具控件。控件提供的图表编辑器可以帮助开发人员快速地创建图表,图表提供的数据接口可以直接绑定多种数据源。
2.ProEssentials
ProEssentials图表控件可以为您的程序添加金融、科学、工程、商业图表,提供了多种2维和三维图表类型,可用于WinForm和WebForm,提供了大量接口,同时支持多种开发平台:Visual Studio.NET,VB6,VC6,ASP,Delphi等
VCL和CLX类型的图表:该类图表主要是用于Delphi和C++ Builder 平台的
1.TeeChart Pro VCL/CLX
TeeChart Pro VCL/CLX 是一款功能强大的图表制作控件,提供了上百种2D和3D图表类型,43种数学的、统计的、金融的函数,以及不限数量的坐标轴和22种调色板控件。并且还提供完整的源代码和丰富的帮助文档以及大量的事例
JAVA类的图表控件:该类图表主要用于JAVA平台下
1.Chart FX 7 for Java Server
Chart FX 7 for Java Server是一款基于Java 1.5+构建的图表控件,支持多种图表类型,该控件使用框架独立的、基于AJAX的运行时UI,可对图表图像进行多种交互功能操作,当数据改变时自动更新图表而不需要整个页面刷新,支持JSF技术。控件提供的图表设计器可快速设计图表,增强最终用户界面,使最终用户利用控件提供的菜单、工具条对图表进行操作以及打印等。
2.Chart FX 7 for Java Desktop
Chart FX 7 for Java Desktop是一款适用于Swing应用程序的图表控件,完全整合于NetBeans 和所有Eclipse-Based IDEs,可直接拖拉控件到开发环境里进行设计时配置,同样最终用户也可以根据控件运行时提供的菜单和工具条进行很多图表的自定义操作。控件提供了超过20+的图表类型,可通过API直接绑定图表到多种数据集
篇三:anychart__个人学习笔记学习笔记:(转)
1.Antchart 配置文件必须的结构:
<anychart><charts><chart><data><series><point name=”” y=”value”>……多个数据 name不能相同相同了只能出来一个 </series>…..可以有多个数据集 </data><chart_settings><title>
<text>整个的title</text></title><axes><y_axes>
<tilte><text>y轴的title</text></title>
</y_axes><x_axes><tille><text>x 轴的title></text></title></x-axes><axes></chart_settings></chart></charts></anychart>
2.一些属性的配置(四处找的)
1.<chart plot_type="CategorizedHorizontal">使chart从Y轴开始展示:默认的是X轴 type=”CategorizedVertical”
type=”CategorizedBySeriesVertical”表示按X轴的展示两个图表用以对比 type=”CategorizedBySeriesHorizontal”表示按y轴的展示两个黑表用以对比 2.<series name="Sales"type="Area">图表的展示形式默认的是 type=”Bar”
3.<title enabled="false"><text>Title</text></title>在title里面加上 enabled=”false”表示不让title 显示默认是:true
4.<data_plot_settingsdefault_series_type="SplineArea">当series里面没有设置图表type时就会用默认的
3.图片的类型
1.<series name="Sales"type="Bar">图表的展示形式默认的是 type=”Bar”
2.<series name="Sales"type="Area">
3.<series name="Sales"type="SplineArea">轮廓更好看的区块图
4.多个数据集,展示多个图表
Attention:当有多个series的时候我们不需要在每个series上面加type 可以在data上面 1.<data_plot_settingsdefault_series_type="Area"/>设定整个默认的type
也可以在每个series上面加type:如下图
效果如图:
2.图表不叠家用以对比的效果:
只需要<chart plot_type="CategorizedBySeriesVertical">
5.图表的定位:(x y 轴上的值放在哪边
)
效果如图:
在<y_axes>或者<x_axes>里面加上 position=”Opposite”就可以把x y 坐标轴上的值的方向了,也相当于把图表重新定位:此时就应该有四种情况的定位
6.图表的倒置
在<y_axes>或者<x_axes>下面加<scale inverted="True"/>就可以倒置图表 原图:
加在<y_axes>下面倒置的效果
加在<x_axes>下面倒置的效果
Attention:注意他们的倒置效果
7.图标最大值和最小值的设定
一般默认anychart会根据我们给的值来设定最大值和最小值,但是我们也可以人为的手动设置最大值和最小值
在<y_axes>下面加上<scale minimum="0"maximum="30000"/>就可以设置
这是篇好范文参考内容,涉及到图表、设置、数据、控件、提供、多种、调色板、一个等范文相关内容,希望大家能有所收获。