1.6.8. 散点图

使用 XYChart 组件可以创建坐标点图/气泡图/散点图。图表支持多个坐标轴，可以使用简单或者对数刻度。

在线示例
xy chart
Figure 24. 散点图

该组件的 XML 名称：chart:xyChart

数据绑定:

可以为图表指定 CollectionContainer。然后为嵌套的 graph 元素定义 xField 和 yFields 属性：

<chart:xyChart dataContainer="pointPairDc"
               startDuration="1">
    <chart:graphs>
        <chart:graph balloonText="x:[[x]] y:[[y]]"
                     xField="ax"
                     fillToAxis="x"
                     yField="ay"/>
        <chart:graph balloonText="x:[[x]] y:[[y]]"
                     fillToAxis="y"
                     xField="bx"
                     yField="by"/>
    </chart:graphs>
    <chart:valueAxes>
        <chart:axis id="x"
                    axisAlpha="0"
                    dashLength="1"
                    position="BOTTOM"
                    title="X Axis"/>
        <chart:axis id="y"
                    axisAlpha="0"
                    dashLength="1"
                    position="LEFT"
                    title="Y Axis"/>
    </chart:valueAxes>
</chart:xyChart>
XYChart 事件监听器

  • AxisZoomListener – 图表轴缩放。

  • ChartClickListener – 点击画布。

  • CursorPeriodSelectListener – 用光标选择显示周期。

  • CursorZoomListener – 用光标对图表区域进行缩放。

  • GraphClickListener – 点击一个图形

  • GraphItemClickListener – 点击一个图形条目。

  • GraphItemRightClickListener – 右键点击一个图形条目。

更多细节，参阅 AmCharts 文档。