在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ echarts可以畫這種柱狀圖嗎

echarts可以畫這種柱狀圖嗎

圖片描述

在這個柱狀圖的基礎上進行改動,如何對這7個柱子的寬度進行設置,讓這7個柱子的寬度不一樣。

回答
編輯回答
浪蕩不羈

一個series只允許設置一個barWidth。
如果一定要區(qū)分對待每根柱子,那就把每根柱子的data都單獨放到一個series里去,然后每個series設置不同的barWidth,再利用barGap: "-100%"讓每根柱子居中。

series : [
    {
        name:'直接訪問',
        type:'bar',
        barWidth: "20%",
        data:[10, "52", "", "", "", "", ""]
    },
    {
        name:'直接訪問',
        type:'bar',
        barWidth: "50%",
        data:["", "", 200, 334, 390, "", ""]
    },
    {
        name:'直接訪問',
        type:'bar',
        barWidth: "70%",
        barGap:"-100%",
        data:["", "", "", "", "", 330, 220]
    }
]

clipboard.png

但就是有個問題,柱子寬度不同的時候,有些柱子不會完全居中,應該是echarts的barGap算法只看最后一根柱子的寬度來算的,這個感覺不是太友好,要是所有柱子都能居中就perfect了

2018年6月15日 06:50
編輯回答
久礙你

好像是不能單獨定義每個柱子的寬度的,可以仔細去看官方文檔

2018年2月16日 01:31
編輯回答
冷眸

這個好像不可以,猜測沒有開放這個API的原因: 用戶體驗差,容易產生視覺疲勞

2018年1月1日 18:01