D6平台Chart使用

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。

代码清单 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页