以下这种柱状图怎么画？

Question

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

 

Answer 1

 

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

Answer 2

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

Answer 3

echarts可以实现

 

Answer 4

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

Answer 5

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);

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

Answer 6

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

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

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