柱形图“变个装”,跟上时尚步伐!

前言

职场中,日报、周报、月报、年度总结,都离不开图表的制作,而柱状图又是最常用的一种,怎样的柱状图,才能让领导更容易阅读,甚至是眼前一亮呢?今天小编就将为大家介绍一下如何借助葡萄城公司的嵌入式BI工具——Wyn商业智能软件修改柱形图的样式,让柱形图有不一样的样式。

环境准备

安装指导:Wyn商业智能设计器

实现步骤

实现步骤分为代码和无代码两种形式。

1)代码实现

(1)首先打开设计器,选择柱形图(Echarts),绑定数据分类和数值。

(2)打开设计器中的组件自定义属性,通过前端的JS代码编写的方式修改柱形图的形状,前端代码如下:

option.series.forEach(item => {
//设置柱形图的形状为三角形
  item.type = 'pictorialBar',
    item.symbol = 'triangle',
        item.barGap = '35%',
    item.barWidth = '15%'
})

return option

实现效果如下图所示:

(3)最终预览如下。

2)无代码实现

无代码的方式为在设计器中直接使用封装好的组件,具体操作方式如下所示:

(1)打开葡萄城市场,并找到对应的组件,如下图所示。

(2)下载对应的的组件。

(3)然后在设计器中导入下载的组件。

(4)最后在仪表板设计器左侧工具箱的"组件模板库"选择即可。

总结

以上就是在BI中对柱形图进行样式修改的步骤,如果您想了解更多的信息,欢迎点击这里查看更多资料。

扩展链接:

创意展示:打造数据大屏的炫酷天气预报插件

聊一聊数字孪生与3D可视化

探秘移动端BI:发展历程与应用前景解析

posted @ 2024-05-28 09:38  葡萄城技术团队  阅读(28)  评论(0编辑  收藏  举报