echart vue 图表大小_Workfine如何设计图表?

e0d11b4213eaf762493a2a7dcda6f4b2.png

企业信息化系统的建设过程中,除了实现企业业务数字化之外,还需要对数据可视化做一些应用,Workfine平台完全集成了echart图表功能,可以将数据业务数据转化成可视化的动态图表。此篇文章介绍如何通过Workfine平台设置可视化的动态图表。

步骤

进入图表管理,点击“+”按钮,弹出图表新建提示框,输入图表名称后点击新建按钮。

dcdbf5a2e88dfa42ec8c36e8723fdd40.png

点击新建之后会在基本信息名称文本框中显示,点击图表后面的”+”选择图表类型,可以选择直角坐标系、极坐标系、饼图、漏斗、仪表盘,也可以选择多个图表,实现一个图表项多个图表的组合。给每个图表添加图表系列,其中直角坐标系与极坐标系可以选择柱形、折线、散点等系列的组合,饼图、漏斗、仪表盘为默认系列。

f1bf76bdfafe6f77c689de75c585d2f4.png

点击”数据源”右侧的编辑按钮,弹出数据源选择框,点击”添加数据源”按钮,选择所需要的数据表,如果是多数据表,则需要进行表关联

51e3014b3a10cf8bc26f194b139fc160.png

点击”筛选条件”,左侧列中选择要筛选的字段,右侧条件框编辑筛选条件,所有操作都是点选式,不需要编辑代码。

d24cde4ed8d09136b0c3949f5be4b6ff.png

数据筛选完成后,进入数据填充,系统会自动将所选择系列需要填充的字段整理好,只需要将左侧树对应的字段填充到需要对应的字段上去即可。

72716f3171b35f466153e2ec001d0c6b.png

点击”绑定权限”后面的【编辑】按钮,弹出权限绑定框,点击右上角的“+”号按钮,进入角色选择框,选择对应角色,点击保存,角色绑定完成。

4283e7e4ddf2a1348015df5afd7924f4.png

图表项属性:点击左侧图表项(1),图表设计中间区域出展示图表项属性的设置框,包括标题样式、图例、提示框,配色,工具集等的属性设置

图表属性:点击左侧图表 (2),图表设计中间区域出展示图表属性的设置框,包括图表大小、便宜、字体、分类轴、数据轴等的属性设置。

图例属性:点击左侧图例(3), 图表设计中间区域出展示图例属性的设置框,包括图表间距、宽度、旋转、展示样式等的属性设置。

a1584a887110a5d1bc58a2515518486d.png
Workfine数据管理平台 - 首页​www.bossietech.com
7665b44cc999c46258ed971de971dce5.png
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值