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

前言

职场中,日报、周报、月报、年度总结,都离不开图表的制作,而柱状图又是最常用的一种,怎样的柱状图,才能让领导更容易阅读,甚至是眼前一亮呢?今天小编就将为大家介绍一下如何借助葡萄城公司的嵌入式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 @   葡萄城技术团队  阅读(39)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· DeepSeek 开源周回顾「GitHub 热点速览」
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
历史上的今天:
2020-05-28 微软:正式发布针对 .NET Core的 Winform 设计器
2013-05-28 Spread for WinRT 7新功能使用指南
2013-05-28 Spread for WPF-Silverlight 新功能使用指南
点击右上角即可分享
微信分享提示