echarts定制化柱状图——条纹柱状图

简单记录下echarts定制化柱状图的开发,省的以后还要去翻配置项,以下代码echarts官网均可直接运行

javascript 复制代码
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',
      symbolMargin:'2',
      symbolSize:[30,5],
      symbolRepeat:true,
      barWidth:42,
      symbolClip:true
      
    },
    {
      color:'transparent',
      type:'bar',
       barWidth:46,
      barGap:'-100%',
      itemStyle:{
        borderColor:'green'
      },
      data:[130, 210, 160, 90, 80, 120, 140]
    }
  ]
};
相关推荐
农夫山泉不太甜14 分钟前
Tauri v2 实战代码示例
前端
yuhaiqiang31 分钟前
被 AI 忽悠后,开始怀念搜索引擎了?
前端·后端·面试
红色石头本尊1 小时前
1-umi-前端工程化搭建
前端
真夜1 小时前
关于对echart盒子设置百分比读取的宽高没有撑开盒子解决方案
前端
楠木6851 小时前
RAG 资料库 Demo 完整开发流程
前端·ai编程
肠胃炎1 小时前
挂载方式部署项目
服务器·前端·nginx
像我这样帅的人丶你还1 小时前
使用 Next.js + Prisma + MySQL 开发全栈项目
前端
FPGA小迷弟1 小时前
FPGA 时序约束基础:从时钟定义到输入输出延迟的完整设置
前端·学习·fpga开发·verilog·fpga
毛骗导演2 小时前
@tencent-weixin/openclaw-weixin 插件深度解析(四):API 协议与数据流设计
前端·架构
毛骗导演2 小时前
@tencent-weixin/openclaw-weixin 插件深度解析(二):消息处理系统架构
前端·架构