1.7.2. 使用简化的数据绑定 API 创建图表

作为第一个示例，我们将创建一个简单的图表，使用简化的数据绑定 API。

在界面添加图表组件然后使用 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
Figure 25. 简单饼图