前言
职场中,日报、周报、月报、年度总结,都离不开图表的制作,而柱状图又是最常用的一种,怎样的柱状图,才能让领导更容易阅读,甚至是眼前一亮呢?今天小编就将为大家介绍一下如何借助葡萄城公司的嵌入式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中对柱形图进行样式修改的步骤,如果您想了解更多的信息,欢迎点击这里查看更多资料。
扩展链接:
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。