2.6.2. Создание диаграммы с использованием Data Binding API

Для первого примера мы создадим максимально простую диаграмму, используя упрощённый API.

Добавим компонент chart к экрану. Чтобы наполнить диаграмму данными, используем метод addData(). В качестве параметра передадим экземпляры класса MapDataItem, содержащие пары ключ-значение:

<chart:pieChart id="pieChart"
                titleField="key"
                valueField="value"/>
@Inject
private PieChart pieChart;

@Subscribe
private void onBeforeShow(BeforeShowEvent event) {
    pieChart.addData(MapDataItem.of("key", "piece of apple pie",
                "value", 70),
            MapDataItem.of("key", "piece of blueberry pie",
                "value", 20),
            MapDataItem.of("key", "piece of cherry pie",
                "value", 10));
}
chart simple
Рисунок 25. Простая круговая диаграмма