前言
職場中,日報、週報、月報、年度總結,都離不開圖表的製作,而柱狀圖又是最常用的一種,怎樣的柱狀圖,才能讓領導更容易閱讀,甚至是眼前一亮呢?今天小編就將爲大家介紹一下如何藉助葡萄城公司的嵌入式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中對柱形圖進行樣式修改的步驟,如果您想了解更多的信息,歡迎點擊這裏查看更多資料。
擴展鏈接: