散点图

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

xy chart
散点图

组件的 XML 名称:chart:xyChart

数据绑定

可以为图表指定 CollectionContainer。然后为内部的 graph 元素定义 xFieldyFields 属性:

<chart:xyChart id="xyChart"
               autoMarginOffset="20"
               dataContainer="pointPairDc"
               height="100%"
               marginBottom="60"
               marginLeft="64"
               startDuration="1"
               theme="LIGHT"
               width="100%">
    <chart:graphs>
        <chart:graph balloonText="x:[[x]] y:[[y]]"
                     bullet="TRIANGLE_UP"
                     fillAlphas="0"
                     lineAlpha="0"
                     lineColor="#FF6600"
                     xField="ax"
                     yField="ay"/>
        <chart:graph balloonText="x:[[x]] y:[[y]]"
                     bullet="TRIANGLE_DOWN"
                     fillAlphas="0"
                     lineAlpha="0"
                     lineColor="#FCD202"
                     xField="bx"
                     yField="by"/>
    </chart:graphs>
    <chart:valueAxes>
        <chart:axis axisAlpha="0"
                    dashLength="1"
                    position="BOTTOM"
                    title="X Axis"/>
        <chart:axis axisAlpha="0"
                    dashLength="1"
                    position="LEFT"
                    title="Y Axis"/>
    </chart:valueAxes>
</chart:xyChart>

事件和处理器

如需使用 Jmix Studio 生成处理器的桩代码,需要在界面 XML 描述或者 Component Hierarchy 面板选中该组件,然后用 Component Inspector 面板的 Handlers 标签页生成。

或者可以使用界面控制器顶部面板的 Generate Handler 按钮。

更多细节,参阅 AmCharts 文档