D6平台Chart使用

valueFields 字符串参数，该字符串是dataset中的字段名称，该字段的值必须是数值类型，不指定valueField，给个null值，则会在dataset中查找是否有以value命名的字段，否则会提示找不到数据值字段。 titleFields X轴的label名称字段，若指定了改制，则回重新计算X轴的坐标，坐标值为dataset中字段名称为titleFields的值，若不指定则设定为null。 attrFields 属性字段，给每一个曲线点设定特定的效果。Key值是chart中的属性名称，value值是dataset中的字段名称。可选的key值有tip、colour、on-click、rotation、dot-size、hollow、type。例如{\onClickName 曲线点的鼠标单击相应的javascript的function，该方法定义时需定义一个参数，该参数会被当前的record的填充，用来做相应的操作。 代码参数说明 3

通过compositeChart的getElement(elementId)方法可以获取曲线图形元素的对象，调用

曲线图相应的api来来动态的修改图形效果。Line曲线的API见常用API 7。 方法名 setDotSize(dotSize) setHaloSize(haloSize) setLoop(loop) setOnShow(onShow) getOnShow() setLineStyle(lineStyle) getLineStyle() setDotStyle(dotStyle) getDotStyle() 参数 dotSize，整型 方法说明 设置曲线中各个点的大小 haloSize，整型 设置曲线中各个点的空行范围的大小 Loop，布尔值 onShow，OFCOnShow类型 设置曲线是否是闭合 设置曲线的动画效果 获取曲线的动画效果 lineStyle，OFCLineStyle类型 设置曲线的线的样式 获取曲线的显得样式 dotStyle，OFCDotStyle类型 设置曲线中点的样式 常用API 7

获取曲线中点的样式

第 15 页 / 共28页

Line曲线标签的标签属性见标签属性 6。

数据类型 String String String String Boolean 属性说明 曲线的id，与饼图使用的效果相同 曲线的类型，可选值line 曲线的颜色 图例文本内容 是否循环，设置成true时，会将首尾节点连接起来 fontSize Tip Width dotSize haloSize dotStyleType Integer String Integer Integer Integer String 字体的大小 提示信息 线的粗细 点的大小 空心的大小 点的类型，可选值有anchor、bow、solid-dot、star、hollow-dot、dot dotStyleSides Integer 点样式，多边形的边数，只有当dotStyleType的类型为anchor时有效 dotStyleAlpha dotStyleHollow dotStyleBackgroundColour dotStyleBackgroundAlpha dotStyleWidth dotStyleTip dotStyleClick lineStyle lineStyleOn

属性名 Id Type Colour Text Loop Integer Boolean String 点样式，透视的深浅程度 点样式，是否支持空心 点样式的背景颜色 Integer 点样式的背景颜色的透视深浅程度 Integer String String String Integer 点样式的宽度 点上的提示信息 点样式的单击事件，单击效果与饼图一样 线条的样式，可选值有dash、solid 线条样式的开始值 第 16 页 / 共28页

lineStyleOff onShowType Integer String 线条样式的结束值 动态展现效果的类型，可选值有drop、explode、mid-slide、shrink-in、pop-up、fade-in onShowCascade onShowDelay Integer Integer 动态展现效果的级联时间 动态展现效果的延迟时间 标签属性 6

8. Area

Area区域图，有一组value值绘制而成，与line曲线图的方法相同，不同的是需要指定fillColour属性来填充曲线下方的区域，该图形支持曲线图的所有特性。区域图形可以见图图表7。Area区域图的定义见代码清单8。

代码清单 8

图表 7 区域图

Area区域图形的数据加载方式与Line曲线图的加载方式相同，详情见Line曲线图数据加载部分的讲解。

第 17 页 / 共28页

Area区域图形的API方法，比Line曲线图多两个方法，详细描述见常用API 8。

方法名 setFillColour(colour) setFillAlpha(alpha) 参数 Colour，字符串 Alpha，整型 常用API 8

方法说明 设置区域填充的颜色 设置区域填充颜色的深浅程度 Area区域标签属性与lineChart曲线图基本相同相同，但还有另外还有两个特殊属性，其中fillColour为必填项，详细描述见标签属性7。 属性名 fillColour fillAlpha 数据类型 String Integer 属性说明 区域填充的颜色 区域填充颜色的透视的深浅程度 标签属性 7

9. HBar

HBar水平柱图是以Y轴作为基坐标，X轴作为刻度坐标，由一组left、right数据值绘制而成，left的值可以有也可以没有，但right值必须有，否则绘制不出来图形。HBar图形的效果见图表8。HBar水平柱图的标签定义如代码清单9。

代码清单 9

图表 8 水平柱图

HBar水平柱图的数据值由一组left，right组成，通过compositeChart的setValue方法来加

第 18 页 / 共28页