《H5教程如何零基础在H5中实现数据图表可视化效果？》由会员分享，可在线阅读，更多相关《H5教程如何零基础在H5中实现数据图表可视化效果？（5页珍藏版）》请在金锄头文库上搜索。
1、数据可视化主要旨在借助于图形化手段，清晰有效地传达与沟通信息。今天，我们使用的H5工具是Epub360，下面我们来介绍实现数据图表可视化效果的方法，零基础的你们准备好了吗？首先，我们先来介绍一下数据图表组件。数据图表组件简介：数据图表组件是一款用于数据可视化动态展示的组件，满足各行业数据可视化快速设计需求，借助H5及时传播。应用场景多为企业月度、季度、年度业绩报表等数据展示；帮助各媒体行业，特别是数据新闻制作更快呈现，实现图、文、音视频、可视化数据在1个H5工具内完成。另，借助意派Epub360的自由定义页面，将适应更多设备场景展示。目前数据图表组件支持柱状图、折线图、饼状图、散点图、条形图5
2、种图表类型。组件添加及设置：1.在高级表单数据应用组件分类下找到数据图表组件，点击数据图表组件，添加到画布中 2.双击组件，调出数据图表组件设置面板 3.左侧是数据图表的样式展示，可以实时预览效果，右侧面板中的三个设置点击进行切换，设置这一项用于修改数据图表的颜色、文字大小、动态效果等显示效果。4.右侧面板中的数据是一个类似于Excel的界面，但是比较简单，可以在里面添加我们所需要的数据，最多添加多少行、多少列，暂时没哟限制。鼠标右键单击可以弹出基本的表格操作面板。5.如果Excel的数据过大或者过小，会造成图表显示不够美观。6.这时可以通过设置X轴、Y轴的最大最小值来解决，如图：后期将会对该功能继续优化，欢迎提出更多问题建议
