以下这种柱状图怎么画?

我知道是用echarts可是这个斑马条纹怎么实现的?

 

 

如图所示,根据文档调整options中的各项参数即可。

画这种图,可以采用echarts这个库,里面图标非常的丰富,可以做出这种效果。

echarts可以实现

 

echarts中的象形柱图或自定义图应该可以实现,即series中的type设置为pictorialBar或custom,具体的可以看下文档

i

import * as echarts from 'echarts';

var chartDom = document.getElementById('main');
var myChart = echarts.init(chartDom);
var option;

option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [120, 200, 150, 80, 70, 110, 130],
        type: 'pictorialBar',
        symbol:'rect',
        symbolSize:[40,8],
        symbolRepeat:true
        
    }]
};

option && myChart.setOption(option);

这个就是将柱状图设置成斑马纹的代码,万望采纳。

您好,我是有问必答小助手,您的问题已经有小伙伴解答了,您看下是否解决,可以追评进行沟通哦~

如果有您比较满意的答案 / 帮您提供解决思路的答案,可以点击【采纳】按钮,给回答的小伙伴一些鼓励哦~~

ps:问答VIP仅需29元,即可享受5次/月 有问必答服务,了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632