图表(chart)组件
图标组件可以将您的数据源可视化展现出来
 (1).png)
1、数据
字段 | 描述 |
---|---|
图表类型 | 支持更换多种图标形状,例:“折线图”、“水平柱状图”、“饼图”、“垂直柱状图”、“面积图”、“自定义图表” |
Series title | 设置当前系列的标题 |
Series data | 设置当前系列的数据,包含”数据结构类型、数据结构例子、解析值展示 |
Add series | 新增一个系列展示在图表上 |
 (1).png)
2、属性
字段 | 描述 |
---|---|
标题 | 设置该图表的展示标题 |
是否显示 | 控制组件在页面上的可见性。关闭时:当应用程序发布时,组件将不可见。在编辑模式下它看起来是半透明的 |
加载时显示动画 | 关闭时,该组件加载时不会有任何动画。您可以使用拨动开关将其打开/关闭。您还可以通过启用旁边的 JS 标签使用 javascript 将其关闭/打开。 |
允许滚动 | 允许您启用滚动条来滚动图表的内容。 |
 (1).png)
3、坐标轴配置
字段 | 描述 |
---|---|
自适应坐标轴 | 确定 y 轴的缩放行为。关闭代表 y 轴从零开始,跨越到基于数据点的上限;打开代表y轴起始值和结束值均根据数据点确定。 |
x轴标签 | 设置x轴展示的内容 |
y轴标签 | 设置y轴展示的内容 |
x轴标签方向 | 对x轴的内容方向调整,支持“自动”、“倾斜”、“旋转”、“交错” 4种方式 |
 (1).png)
4、事件
5、样式
字段 | 描述 |
---|---|
边框圆角 | 对图表组件边框样式进行修改 |
阴影 | 对图表组件样式调整阴影大小 |
 (1).png)
6、JS代码
 (1).png)