图表类元素

本类组件元素目前只能用于卡片面板中，只要在该面板里添加元素并调用图表组件即可：

这样就可以开始图表页面的开发流程。由上图可见， WebBuilderX可以生成以下8种类型的图表：柱状图、折线图、散点图、饼图、仪表盘、漏斗图、雷达图和树图。在正式使用图表功能之前，需要先了解一些与图表相关的基本概念：

坐标系包括两种，一种是直角坐标系，它包含x、y两个坐标轴，其中x轴一般是类目轴，y轴是数据轴；另一种是极坐标系，它包含半径和角度两个坐标轴，其中半径轴一般是类目轴，角度轴是数据轴。

只有柱状图、折线图和散点图才会用到坐标系与坐标轴，另外5种图表无需坐标系就能直接生成。

通过图表展示的一组数据被称为数据系列。其中，柱状图和折线图可以同时展示多组数据，且能多种图形组合到一起；散点图则必须同时指定两列数据才能生成。

至于其他几种图表，其数据系列又各有不同。

这是用于展现不同数据系列的标记、颜色或名字，可以通过点击它控制哪些系列显示、哪些不显示。

仪表盘和树图没有图例。

为区分不同数据系列中的数据，图表默认有个调色盘。例如，饼图中不论有多少个数据，它都会从调色盘中依次循环读取颜色作为每个数值区块的颜色；再比如，折线图有很多系列数据，也同样会依次循环读取调色盘颜色作为每个系列的颜色。

调色盘可以自行定义。例如，你仅仅定义了红、黄、蓝3种颜色作为调色盘，而你图表中有5个数据系列，那么前3个系列会分别显示成红、黄、蓝色，第4个和第5个又会循环读取调色盘，因而会分别显示为红色和黄色。

鼠标悬浮在某个数据图形上时，都会显示它所对应的类目名称或数据值。这些悬浮显示的内容就被称为提示框。

动态生成的图表还可以保存为图片或者放大、缩小等等，这些均可通过工具栏进行操作。