发布时间 : 星期一 文章D6平台Chart使用更新完毕开始阅读a88745afd1f34693daef3e6a
12. Scatter
Scatter（散列点图），由一组坐标点绘制而成，坐标点可以以不同的图形展现出来，Scatter与Line曲线图的使用相同，其效果见图表11。标签的定义见代码清单12。
图表 11 Scatter
Scatter的数据值由一组x，y坐标点组成。需要同时指定x和y值，才能绘制出图形。通过compositeChart的setValue方法加载数据，方法参数见代码参数说明7。 参数 Id Datasetid valueFields Scatter图说明 scatterChart的Id，字符串参数 Dataset的id，字符串参数，提供数据的dataset 数组参数，则第一个值对应Scatter图的x值，第二个值对应y，出现的字符串需在dataset中有定义，否则加载不到数据。 titleFields X轴的label名称字段，若指定了改制，则回重新计算X轴的坐标，坐标值为dataset中字段名称为titleFields的值，若不指定则设定为null。 attrFields 属性字段，给每一个Scatter设定特定的效果。Key值是chart中的属性名称，value值是dataset中的字段名称。可选的key值有tip、colour、rotation、on-click、hollow、dot-size、type。例如{\第 23 页 / 共28页
onClickName 不支持该参数。 代码参数说明 7
通过compositeChart的getElement(elementId)方法可以获取Scatter对象，利用该对象的API来动态的修改Scatter图形的属性，其API月Line曲线图的API相同。
Scatter标签的属性与lineChart标签属性相同，另外还多了5个属性，详情见标签属性10。 属性名 Stepgraph Animate areaStyleColour areaStyleX areaStyleY 数据类型 String Boolean String Integer Integer 属性说明 步骤，可选值vertical，horizontal 是否支持动画 区域样式的颜色 区域样式的X坐标 区域样式的Y坐标 标签属性 10
13. Tag和Arrow
标签和箭头图形作为静态图形出现在图表中，标签使用来说明某个坐标点的特殊含义，文本可以是html文本，也可以是普通文本；箭头是由起点坐标和终点坐标绘制而成的，其展现效果见图表12。标签的定义见代码清单13。
第 24 页 / 共28页
图表 12 Tags和Arrow
箭头标签的数据是由配置标签时配置好的，若通过javascript修改，可以通过compositeChart的getElement(elementId)方法获取Arrow对象，调用其API实现设定其箭头指向，API见常用API 11。 方法名 setValue(startX,startY, endX,endY) 方法参数 startX，整型； startY，整型； endX，整型； endY，整型； 方法说明 设置箭头的起点坐标和终点坐标。 setColour(colour) Colour，字符串 设置箭头的颜色 设置箭头的矛长 setBarbLength(barbLength) barbLength，整型 常用API 11
箭头标签arrowChart属性的详细说明见标签属性 11。 属性名 Id startX startY endX endY Colour barbLength 数据类型 String Integer Integer Integer Integer String Integer 属性说明 与饼图用法下同 箭头起始的x轴坐标 箭头起始的y轴坐标 箭头终点的x轴坐标 箭头终点的y轴坐标 箭头的颜色 矛头的长度 第 25 页 / 共28页
标签属性 11
Tags的数据值由一组x，y坐标点组成。需要同时指定x和y值，才能绘制出图形。 通过compositeChart的setValue方法加载数据，参数说明如代码参数说明8。 参数 Id Datasetid valueFields Tags标签说明 tagsChart的Id，字符串参数 Dataset的id，字符串参数，提供数据的dataset 数组参数，则第一个值对应Tags图的x值，第二个值对应y，出现的字符串需在dataset中有定义，否则加载不到数据。 titleFields X轴的label名称字段，若指定了改制，则回重新计算X轴的坐标，坐标值为dataset中字段名称为titleFields的值，若不指定则设定为null。 attrFields 属性字段，给每一个Tags设定特定的效果。Key值是chart中的属性名称，value值是dataset中的字段名称。可选的key值有text、colour、underline、on-click、font-size、background、border、rotate。例如{\\onClickName 不支持该参数。 代码参数说明 8
通过compositeChart的getElement(elementId)方法获取Tags对象，调用其API实现标签内容的设定，API见常用API 12。 方法名 setText(text) setColour(colour) setFont(font) setFontSize(fontSize) setPadX(padX) setPadY(padY) setRotate(rotate) setAlignX(alignX) setAlignY(alignY) 参数 Text，字符串； Colour，字符串 Font，字符串 fontSize，整型 padX，整型 PadY，整型 Rotate，整型 alignX，字符串 alignY，字符串 常用API 12
方法说明 设置标签显示的文字 设置标签的背景颜色 设置标签字体 设置标签字体的大小 设置标签字体距水平方向距离 设置标签字体距垂直方向距离 设置标签的旋转 设置字体的水平对齐方式 设置字体的垂直对齐方式 第 26 页 / 共28页