FunnelChart

The FunnelChart component allows you to create funnel/pyramid charts.

funnel chart
FunnelChart

Component’s XML name: chart:funnelChart

Data Binding

  • You can assign a collection data container to the chart and then define the titleField and valueField attributes for the funnelChart element:

    <chart:funnelChart id="funnel"
                       angle="40"
                       balloonText="[[title]]: [[value]]"
                       dataContainer="titleValueDc"
                       depth3D="100"
                       height="100%"
                       labelPosition="RIGHT"
                       marginLeft="50"
                       marginRight="240"
                       outlineAlpha="1"
                       outlineColor="#FFFFFF"
                       outlineThickness="2"
                       startX="-500"
                       titleField="title"
                       valueField="value"
                       width="100%">
    </chart:funnelChart>
  • You can use simplified data binding with the help of the chart:data element.

    <chart:funnelChart id="ratingChart"
                       titleField="mechanic"
                       valueField="count">
        <chart:data>
            <chart:item>
                <chart:property name="mechanic" value="Jack"/>
                <chart:property name="count" value="1" type="int"/>
            </chart:item>
            <chart:item>
                <chart:property name="mechanic" value="Bob"/>
                <chart:property name="count" value="2" type="int"/>
            </chart:item>
            <chart:item>
                <chart:property name="mechanic" value="Sam"/>
                <chart:property name="count" value="3" type="int"/>
            </chart:item>
        </chart:data>
    </chart:funnelChart>

Events and Handlers

Чтобы сгенерировать заглушку слушателя в Jmix Studio, выберите компонент в XML-дескрипторе экрана или на панели Component Hierarchy и используйте вкладку Handlers панели Component Inspector.

В качестве альтернативы вы можете воспользоваться кнопкой Generate Handler на верхней панели контроллера экрана.

For more details, see AmCharts documentation.