1.6.6. SerialChart

Компонент SerialChart позволяет вам создать большое количество диаграмм: линейчатые, диаграммы с областями, гистограммы, диаграммы с накоплением и прочие. Такие диаграммы поддерживают несколько осей в простом или логарифмическом масштабе. Данные могут быть отображены на равных/неравных отрезках или на временной шкале.

ДЕМОНСТРАЦИЯ
line chart
Рисунок 7. SerialChart в виде линейного графика
ДЕМОНСТРАЦИЯ
column chart
Рисунок 8. SerialChart в виде гистограммы

XML-имя компонента: chart:serialChart.

Связь с данными:

Вы можете указать для диаграммы источник данных с типом CollectionDatasource, а затем указать нужные поля в качестве значений атрибутов categoryField элемента serialChart и valueField вложенного элемента graph:

<chart:serialChart categoryField="date"
                   datasource="dateValueDs">
    <chart:graphs>
        <chart:graph valueField="value"
                     balloonText="[[value]]">
        </chart:graph>
    </chart:graphs>
    <chart:categoryAxis dashLength="1"
                        minorGridEnabled="true"/>
</chart:serialChart>
Слушатели событий SerialChart

  • AxisZoomListener - масштабирование оси графика.

  • CategoryItemClickListener - щелчок по категории на оси категорий.

  • ChartClickListener - щелчок по холсту.

  • ChartRightClickListener - щелчок по холсту правой клавишей мыши.

  • CursorPeriodSelectListener - выбор периода отображения курсором.

  • CursorZoomListener - масштабирование области графика курсором.

  • GraphClickListener - щелчок по графику.

  • GraphItemClickListener - щелчок по элементу графика.

  • GraphItemRightClickListener - щелчок по элементу графика правой клавишей мыши.

  • ZoomListener - масштабирование холста.

Для более подробной информации об этом типе диаграмм см. документацию AmCharts.