ChartDirector示例手册Word下载.docx
- 文档编号:21687294
- 上传时间:2023-01-31
- 格式:DOCX
- 页数:94
- 大小:567.42KB
ChartDirector示例手册Word下载.docx
《ChartDirector示例手册Word下载.docx》由会员分享,可在线阅读,更多相关《ChartDirector示例手册Word下载.docx(94页珍藏版)》请在冰豆网上搜索。
1、SimpleLineChart40
2、3DLineChart42
3、Multi-LineChart44
4、LineComparison46
5、LinewithErrorSymbols49
6、Multi-SymbolLineChart52
四、仪表盘55
1、Semi-CircleMeter55
2、RoundMeter57
3、WideAngularMeters59
4、SquareAngularMeters61
5、Multi-PointerAngularMeter64
6、Multi-PointerHorizontalMeter65
7、LinearZoneMeter67
五、雷达图69
1、SimpleRadarChart69
2、MultiRadarChart71
3、PolarLineChart73
4、PolarAreaChart76
5、PolarBubbleChart78
6、CircularZones81
7、SectorZones84
简介
ChartDirector控件使用方便,快捷,灵活,功能强大,交互性强。
在web服务器以及嵌入式应用程序开发中,它是一种非常理想的工具,拥有丰富的图表图形组件库.
特征描述
∙高效快捷
采用多线程结构,特别应用于具有高性能要求的服务器端应用程序开发。
∙灵活性
拥有基于API(应用编程接口)的对象,允许用户控制和定制图表细节,从而设计出用户满意的图表。
∙丰富而全面的图表样式
圆形图表(饼状图),圆环图,柱形图(条形图),直线图,曲线图,梯级线图,趋势线图,曲线拟合图,线间色图,区域图,散布图(散形图),泡沫图,floatingbox,box-whisker,瀑布图,金融类图表,甘特图表,向量图,雷达图,极线图,rose,XY轴交换(旋转图表)和3D效果。
∙金融类图表库(附有源代码)
拥有成熟的金融类图表(具有46种技术指标)库。
∙仪表和量表
含有可以测量任意角度的测角仪表和可以进行横向和纵向测量的线性仪表。
∙层结构
具有同步处理能力的图表层允许不同的图表样式重叠,从而获得任意的组合图表,并且达到特殊的效果。
例如,box-whisker可以用来添加错误标记到任意的XY图表样式上;
还有散布图层可以用来加亮具有个性化标记的数据点。
∙CDML(图表制作向导标记语言)
图表制作向导标记语言这项创新性技术可以给内嵌有图标和图片的文档提供丰富的样式。
该语言是基于所有的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++等;
示例
一、饼图
1、SimplePieChart
示例代码:
<
%@pageimport="
ChartDirector.*"
%>
%
//Thedataforthepiechart
double[]data={25,18,15,12,8,30,35};
//Thelabelsforthepiechart
String[]labels={"
Labor"
"
Licenses"
Taxes"
Legal"
Insurance"
Facilities"
"
Production"
};
//CreateaPieChartobjectofsize360x300pixels
PieChartc=newPieChart(360,300);
//Setthecenterofthepieat(180,140)andtheradiusto100pixels
c.setPieSize(180,140,100);
//Setthepiedataandthepielabels
c.setData(data,labels);
//outputthechart
Stringchart1URL=c.makeSession(request,"
chart1"
);
//Includetooltipforthechart
StringimageMap1=c.getHTMLImageMap("
"
title='
{label}:
US${value}K({percent}%)'
%>
html>
bodytopmargin="
5"
leftmargin="
rightmargin="
0"
>
divstyle="
font-size:
18pt;
font-family:
verdana;
font-weight:
bold"
SimplePieChart
/div>
hrcolor="
#000080"
ahref="
viewsource.jsp?
file=<
%=request.getServletPath()%>
<
fontsize="
2"
face="
Verdana"
ViewChartSourceCode<
/font>
/a>
br>
imgsrc='
%=response.encodeURL("
getchart.jsp?
+chart1URL)%>
'
usemap="
#map1"
border="
mapname="
map1"
%=imageMap1%>
/map>
/body>
/html>
2、3DPieChart
//Addatitletothepiechart
c.addTitle("
ProjectCostBreakdown"
//Drawthepiein3D
c.set3D();
//Explodethe1stsector(index=0)
c.setExplode(0);
3DPieChart
3、PieChartwithLegend
//CreateaPieChartobjectofsize450x240pixels
PieChartc=newPieChart(450,240);
//Setthecenterofthepieat(150,100)andtheradiusto80pixels
c.setPieSize(150,100,80);
//AddatitleatthebottomofthechartusingArialBoldItalicfont
c.addTitle2(Chart.Bottom,"
ArialBoldItalic"
//addalegendboxwherethetopleftcornerisat(330,40)
c.addLegend(330,40);
//modifythelabelformatforthesectorsto$nnnK(pp.pp%)
c.setLabelFormat("
{label}${value}K\n({percent}%)"
PieChartwithLegend
4、SideLabelLayout
//CreateaPieChartobjectofsize500x230pixels
PieChartc=newPieChart(500,230);
//Setthecenterofthepieat(250,120)andtheradiusto100pixels
c.setPieSize(250,120,100);
//Addatitleboxusing15pointsTimesBoldItalicasfont
TimesNewRomanBoldItalic"
15);
//Usethesidelabellayoutmethod
c.setLabelLayout(Chart.SideLayout);
SideLabelLayout
5、PiewithSmallSectors
double[]data={35,30,25,7,6,5,4,3,2,1};
Misc"
Transport"
Interest"
//CreateaPieChartobjectofsize560x270pixels,withagoldenbackgroundanda
//1pixel3Dborder
PieChartc=newPieChart(560,270,Chart.goldColor(),-1,1);
//Addatitleboxusing15ptsTimesBoldItalicfontandmetallicpinkbackground
//color
15
).setBackground(Chart.metalColor(0xff9999));
//Setthecenterofthepieat(280,135)andtheradiusto110pixels
c.setPieSize(280,135,110);
//Drawthepiein3Dwith20pixels3Ddepth
c.set3D(20);
//Setthelabelboxbackgroundcolorthesameasthesectorcolor,withglass
//effect,andwith5pixelsroundedcorners
TextBoxt=c.setLabelStyle();
t.setBackground(Chart.SameAsMainColor,Chart.Transparent,Chart.glassEffect());
t.setRoundedCorners(5);
//Setthebordercolorofthesectorthesamecolorasthefillcolor.Settheline
//colorofthejoinlinetoblack(0x0)
c.setLineColor(Chart.SameAsMainColor,0x000000);
//Setthestartangleto135degreesmayimprovelayoutwhentherearemanysmall
//sectorsattheendofthedataarray(thatis,datasortedindescendingorder).
//Itisbecausethismakesthesmallsectorspositionnearthehorizontalaxis,
//wherethetextlabelhastheleasttendencytooverlap.Fordatasortedin
//ascendingorder,astartangleof45degreescanbeusedinstead.
c.setStartAngle(135);
c.setData(data,label
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- ChartDirector 示例 手册