Skip to main content

图表(chart)组件

图标组件可以将您的数据源可视化展现出来

1、数据

字段描述
图表类型支持更换多种图标形状,例:“折线图”、“水平柱状图”、“饼图”、“垂直柱状图”、“面积图”、“自定义图表”
Series title设置当前系列的标题
Series data设置当前系列的数据,包含”数据结构类型、数据结构例子、解析值展示
Add series新增一个系列展示在图表上

2、属性

字段描述
标题设置该图表的展示标题
是否显示控制组件在页面上的可见性。关闭时:当应用程序发布时,组件将不可见。在编辑模式下它看起来是半透明的
加载时显示动画关闭时,该组件加载时不会有任何动画。您可以使用拨动开关将其打开/关闭。您还可以通过启用旁边的 JS 标签使用 javascript 将其关闭/打开。
允许滚动允许您启用滚动条来滚动图表的内容。

3、坐标轴配置

字段描述
自适应坐标轴确定 y 轴的缩放行为。关闭代表 y 轴从零开始,跨越到基于数据点的上限;打开代表y轴起始值和结束值均根据数据点确定。
x轴标签设置x轴展示的内容
y轴标签设置y轴展示的内容
x轴标签方向对x轴的内容方向调整,支持“自动”、“倾斜”、“旋转”、“交错” 4种方式

4、事件

5、样式

字段描述
边框圆角对图表组件边框样式进行修改
阴影对图表组件样式调整阴影大小

6、JS代码