.

4.数据图表组件:图表展示【专业版及其以上版本可用】

小常发表于:2019年11月05日 16:27:17更新于:2021年10月09日 17:06:50


一、案例效果

《Epub360 数据图表功能演示》

0016161581c83d66fc1ecf92dba2621

二、场景应用

数据图表组件是一款用于数据可视化动态展示的组件,满足各行业数据可视化快速设计需求,借助H5及时传播。

应用场景多为政府、企业月度、季度、年度业绩报表等数据展示;帮助各媒体行业,特别是数据新闻制作更快呈现,实现图文、音视频、可视化数据在1个H5工具内完成。另,借助意派Epub360的自由定义页面,将适应更多设备场景展示。

目前数据图表组件支持柱状图、折线图、饼状图、散点图、条形图5种图表类型。


三、组件用法

1.在高级表单——数据应用组件分类下找到数据图表组件,点击数据图表组件,添加到画布中              

0015dc1336a3ef7652f89e6db471a36


2.双击组件,调出数据图表组件设置面板

0015dc1346c49aaae4271633e1d809d      

3.左侧是数据图表的样式展示,可以实时预览效果,右侧面板中的三个设置点击进行切换,设置这一项用于修改数据图表的颜色、文字大小、动态效果等显示效果。

0015dc1351606db10f350bc25b992ef


4.右侧面板中的数据是类似Excel的简洁界面,可以在里面添加我们所需要的数据,添加的行数或列数暂时无上限。鼠标右键单击可以弹出基本的表格操作面板。

0015dc135b6cbdf44472ac95b4b4c41


5.如果Excel的数据过大或者过小,会造成图表显示不够美观。

0015dc14069647a823f800dbc4cc9dc


6.这时可以通过设置X轴、Y轴的最大最小值来解决,如图:

0015dc141d1da8dd2aaacafcc37a0bb

四、相关Q&A

数据图表绑定数据库功能教程