gauge_chart.adoc

AngularGaugeChart

Компонент AngularGaugeChart позволяет вам создать диаграмму-спидометр.

ДЕМОНСТРАЦИЯ

Figure 1. GaugeChart

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

Элементы chart:gaugeChart:

• arrows – содержит вложенные элементы arrow со стрелками осей.

  <chart:arrows>
      <chart:arrow value="60"/>
  </chart:arrows>

• axes – содержит вложенные элементы axis для осей диаграммы.

  link:../../../../source/chart/chart_axes.xml[role=include]

  Элемент band позволяет разделить ось на несколько полос, как на изображении выше:

  link:../../../../source/chart/chart_axes_band.xml[role=include]

  Атрибуты endValue и startValue определяют диапазон значений на шкале диаграммы, атрибут valueInterval задаёт шаг деления шкалы.

Слушатели событий AngularGaugeChart:

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

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

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