柱形圖“變個裝”,跟上時尚步伐!

前言

職場中,日報、週報、月報、年度總結,都離不開圖表的製作,而柱狀圖又是最常用的一種,怎樣的柱狀圖,才能讓領導更容易閱讀,甚至是眼前一亮呢?今天小編就將爲大家介紹一下如何藉助葡萄城公司的嵌入式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:發展歷程與應用前景解析

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章