d6中Chart使用说明
目录
1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14.
概述 .......................................................................................................................................... 1 图形容器标签 .......................................................................................................................... 1 图例 .......................................................................................................................................... 4 坐标轴 ...................................................................................................................................... 5 Pie ............................................................................................................................................. 9 Bar ........................................................................................................................................... 11 Line ......................................................................................................................................... 14 Area ......................................................................................................................................... 17 HBar ........................................................................................................................................ 18 Candle ................................................................................................................................. 20 BarStack............................................................................................................................... 21 Scatter ................................................................................................................................. 23 Tag和Arrow ....................................................................................................................... 24 Shape ................................................................................................................................... 27
1. 概述
d6系统中共包括9种常用图表，另外包括一个多边形图表（Shape），箭头（Arrow）和标签（Tags）。通过标签将图表集成到D6系统中。标签包括compositeChart（图形组件，所有的图表，坐标轴标签必须定义在该标签内才能起作用）、legendChart（图例组件，支持X轴和Y轴）、axisChart（坐标轴，支持X轴、Y轴，右侧Y轴，和雷达坐标轴RadarAxis）、pieChart（饼图）、barChart（柱图）、lineChart（曲线图）、areaChart（区域图）、hbarChart（水平柱图）、barStackChart、candleChart、scatterChart、arrowChart、tagsChart、shapeChart。
2. 图形容器标签
在d6开发平台下使用chart标签时需引入d6的tld文件，如代码清单1。
<%@ taglib uri=\ prefix=\%> 代码清单 1
compositeChart标签是用来引入一个swf文件，并设置该flash文件的相关属性，为图形元素、坐标轴、图例等元素提供展现的容器，所有图形的标签必须定义在该表签内部。定义完该标签后，会产生一个与id相同的javascript的变量，通过该变量给所定义的图形元素加载数据，修改图形元素的各种属性和刷新的功能。定义标签如代码清单2。
CompositeChart提供一些常用的javascript API，通过api可以动态的设置compositeChart
的相关属性，API的具体描述见常用API 1。 方法名 setDisplay(display) setWidth(width) setHeight(height); getElement(elementid); 参数 display，字符串类型 width，整型 Height，整型 elementId，字符串 方法说明 设置chart是否可见 设置chart的宽度 设置chart的高度 根据chart中，具体元素的id获取元素对象（元素指的是具体图形） 第 1 页 / 共28页
setValue (id, datasetId, Id，字符串； valueFields, titleFields,attrFields, onClickName); 给指定元素的图形，加载数据，同时从新计算X轴，以及给每个坐标点，柱体，添加个性化，及鼠标单击datasetId，字符串； valueFields，字符串或数组； titleFields，字符串或数组； 事件。调用完该方法后续attrFields，对象； onClickName，字符串； 调用refresChart()方法刷新图形，才能看到最新的效果。 getAxis(type); type，字符串 根据所给坐标轴类型，获取坐标轴，可选值有xAxis，yAxis，yRightAxis，radarAxis getXLegend(); getYLegend(); setTitle (text,style); text，字符串； style，字符串； 获取X轴图例 获取Y轴图例 设置chart的标题，以及标题的样式（Css格式） 设置chart的背景颜色 设置chart的菜单 setBackground(background); background，字符串 setMenu(colour, outlineColour, menuItems) colour，字符串； outlineColour，字符串； menuItems，字符串； setToolTip(title, body, title，字符串； 设置chart中tip的属性 stroke, colour, background, body，字符串； shadow,mouse); stroke，整型； colour，字符串； background，字符串； shadow，布尔值； mouse，整型 常用API 1
CompositeChart标签定义compositeChart用到的相关属性，可以在开发时定义这些属性，
关于该表签的具体属性说明见标签属性1。
第 2 页 / 共28页
属性名 Id 数据类型 string 属性说明 图形的Id，JSP页面唯一，会产生一个同名javascript的变量 isSupportRotationChinese Boolean width Height Style titleText titleStyle Background menuColour menuOutLineColour menuValues Integer Integer String String String String String String String 是否支持中文旋转显示 Flash的宽度 Flash的高度 Css样式 图形的标题内容 图形的标题样式 css格式 图形的背景颜色 菜单的颜色 菜单的外隆扩的颜色 菜单项，格式为{type:text, text:Save as image} , {type:camera-icon,text:3!!,javascript:my_function} Type可选项为text, camera-icon Text 为普通文本 Javascript JSP页面中的javascript function的名称 toolTipStroke toolTipColour toolTipShadow toolTipTitleStyle toolTipBodyStyle toolTipMouse isShowMax Integer String String String String Integer Boolean 提示信息的边框宽度 提示信息的颜色 提示信息是否有阴影效果 提示文本的Title的css样式 提示文本的文本体的css样式 提示文本的鼠标类型 是否支持flash的大图显示，设置成true，会在图表的右上角有两个菜单项，用来缩放图形。 maxWidth maxHeight Integer Integer 显示大图时的宽度，默认为屏幕宽度 显示大图时的高度，默认为屏幕的高度 标签属性 1
第 3 页 / 共28页