如何制作含有图表数据的页面

效果展示:

前置准备:

  • 搭建完成,待插入图表的页面

具体步骤:

  • 在待插入图表的页面插入图表,创建图标数据
  • 添加图表触发器
  • 图表关联数据,并进行样式设置

步骤分解:

  • 在待插入图表的页面插入图表,创建图标数据
  • 选择 图表 组件,添加到 根容器 中
  • 点击面板上方 数据中心
  • 创建数据表,添加 表格生成器
  • 填充数据表内的相关数据

  •   添加图表触发器
  •   选中 图表 组件
  •   在 触发器 里 添加图表数据触发器 并进行配置

  • 图表关联数据,并进行样式设置  
  • 选中 图表 组件   
  • 在 数据绑定及设置 中选择所需要的 图表类型   
  • 在 数据绑定及设置 中配置 标题  
  • 在 数据绑定及设置 中配置 图例  
  • 在 数据绑定及设置 中配置 绑定数据

官网链接:https://www.towify.com/#/

作者:Towify原文地址:https://segmentfault.com/a/1190000043330641

%s 个评论

要回复文章请先登录注册