ChartDirector示例手册.docx

ChartDirector示例手册.docx

《ChartDirector示例手册.docx》由会员分享，可在线阅读，更多相关《ChartDirector示例手册.docx（109页珍藏版）》请在冰点文库上搜索。

ChartDirector示例手册

ChartDirector示例手册

简介...........................................................................................................................................3

特征描述...................................................................................................................................3

示例...........................................................................................................................................5

一、饼图...........................................................................................................................5

1、SimplePieChart.................................................................................................5

2、3DPieChart.....................................................................................................6

3、PieChartwithLegend...................................................................................8

4、SideLabelLayout.........................................................................................10

5、PiewithSmallSectors...............................................................................11

6、CircularLabelLayout.................................................................................13

7、IconPieChart...............................................................................................16

8、TextStylesandColors...............................................................................18

9、ColoringandWallpaper...............................................................................21二、柱状图.....................................................................................................................24

1、SimpleBarChart...........................................................................................24

2、3DBarChart...................................................................................................25

3、PolygonBarShapes.......................................................................................27

4、StackedBarChart.........................................................................................29

5、Multi-ShapeBarChart.................................................................................31

6、OverlappingBarChart.................................................................................33

7、DepthBarChart.............................................................................................35

8、PositiveNegativeBars...............................................................................37

三、折线图.....................................................................................................................39

1、SimpleLineChart.........................................................................................39

2、3DLineChart.................................................................................................41

3、Multi-LineChart...........................................................................................43

4、LineComparison.............................................................................................45

5、LinewithErrorSymbols.............................................................................48

6、Multi-SymbolLineChart.............................................................................51四、仪表盘.....................................................................................................................54

1、Semi-CircleMeter.........................................................................................54

2、RoundMeter.....................................................................................................56

3、WideAngularMeters.....................................................................................58

4、SquareAngularMeters.................................................................................60

5、Multi-PointerAngularMeter.....................................................................63

6、Multi-PointerHorizontalMeter................................................................64

7、LinearZoneMeter.........................................................................................66五、雷达图.....................................................................................................................68

1、SimpleRadarChart.......................................................................................682、MultiRadarChart.........................................................................................693、PolarLineChart...........................................................................................724、PolarAreaChart...........................................................................................755、PolarBubbleChart.......................................................................................776、CircularZones...............................................................................................807、SectorZones...................................................................................................82

2

简介

ChartDirector控件使用方便，快捷，灵活，功能强大，交互性强。

在web服务器以及嵌入式应用程序开发中，它是一种非常理想的工具，拥有丰富的图表图形组件库.

特征描述

高效快捷

采用多线程结构，特别应用于具有高性能要求的服务器端应用程序开发。

灵活性

拥有基于API（应用编程接口）的对象，允许用户控制和定制图表细节，

从而设计出用户满意的图表。

丰富而全面的图表样式

圆形图表（饼状图），圆环图，柱形图（条形图），直线图，曲线图，梯

级线图，趋势线图，曲线拟合图，线间色图，区域图，散布图（散形图），

泡沫图，floatingbox，box-whisker，瀑布图，金融类图表，甘特图表，

向量图，雷达图，极线图，rose，XY轴交换（旋转图表）和3D效果。

金融类图表库（附有源代码）

拥有成熟的金融类图表（具有46种技术指标）库。

仪表和量表

含有可以测量任意角度的测角仪表和可以进行横向和纵向测量的线性仪

表。

层结构

具有同步处理能力的图表层允许不同的图表样式重叠，从而获得任意的组

合图表，并且达到特殊的效果。

例如，box-whisker可以用来添加错误

标记到任意的XY图表样式上;还有散布图层可以用来加亮具有个性化标

记的数据点。

CDML（图表制作向导标记语言）

图表制作向导标记语言这项创新性技术可以给内嵌有图标和图片的文档

3

提供丰富的样式。

该语言是基于所有的CharDirector文档定位符，其中

包括有图表标题，图例关键字，轴标签，以及数据标签等等。

高级的着色系统

除了ARGB颜色（具有阿尔法透明性的真彩色）之外，在ChartDirector

中所有对象还可以着上“奇妙的颜色”——这种颜色依赖于定位。

该系统还

包括:

颜色式样，颜色梯度，金属颜色，依赖于数据取值的颜色（比如，

指示阀）

图像映射自动生成

生成的图像映射可以支持工具使用提示以及鼠标与图形控件的交互。

具有

对图像进行细化处理的能力。

工具提示可以用户定做，包括一些具有个性

化的文字和数据。

图像映射是可扩展的，可以包含用户自定义的区域，比

如公司标志，标签，以及按钮。

浏览器的兼容性

生成的图表是PNG,JPEG,BMP,WBMP,以及GIF格式的，这些图表格式

对所有浏览器都是可见的，其中包括移动设备和手持设备。

图表可以作为

图片嵌入到E-Mail（电子邮件），WORD文档，PDF格式文档等等，并且

客户端不需要使用任何Java或者ActiveX控件。

快捷的图表生成和传输

图表可以快捷地生成并传输到浏览器端，并且作为一个标准的Http图像

数据进行存储，而不需要占用临时的图像文件。

节约带宽

采用优化的颜色缩减算法，来制作基于调色板的图表，其效果等同于真彩

色图表，并且文件所占空间变得更小。

特别是对于因特网应用开发是一款

非常理想的工具。

国际化标准

支持统一字符编码，可自行设置数字，日期/时间格式。

支持语言

支持多种语言，例如

.NET,Java,ASP,COM,VB,PHP,Perl,Python,Ruby,ColdFusion,C++等;

4

示例

一、饼图

1、SimplePieChart

示例代码:

<%@pageimport="ChartDirector.*"%>

<%

//Thedataforthepiechart

double[]data={25,18,15,12,8,30,35};

//Thelabelsforthepiechart

String[]labels={"Labor","Licenses","Taxes","Legal","Insurance",

"Facilities",

"Production"};

//CreateaPieChartobjectofsize360x300pixelsPieChartc=newPieChart（360,300）;

//Setthecenterofthepieat（180,140）andtheradiusto100pixels

c.setPieSize（180,140,100）;

//Setthepiedataandthepielabels

c.setData（data,labels）;

5

//outputthechart

Stringchart1URL=c.makeSession（request,"chart1"）;

//Includetooltipforthechart

StringimageMap1=c.getHTMLImageMap（"","",

"title='{label}:

US${value}K（{percent}%）'"）;%>

18pt;font-family:

verdana;font-weight:

bold">

SimplePieChart