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]
    }
  ]
};
相关推荐
kungggyoyoyo6 分钟前
TRAE中国版SOLO模式上线!我用它从0到1开发了一款AI小说编辑器
前端·vue.js·trae
ohyeah8 分钟前
栈:那个“先进后出”的小可爱,其实超好用!
前端·数据结构
心随雨下18 分钟前
typescript中Triple-Slash Directives如何使用
前端·javascript·typescript
自在极意功。23 分钟前
AJAX 深度详解:从基础原理到项目实战
前端·ajax·okhttp
s***45323 分钟前
SpringBoot返回文件让前端下载的几种方式
前端·spring boot·后端
海上彼尚28 分钟前
[逆向] 1.本地登录爆破
前端·安全
什么时候吃饭33 分钟前
vue2、vue3父子组件嵌套生命周期执行顺序
前端·vue.js
2501_9409439134 分钟前
体系课\ Python Web全栈工程师
开发语言·前端·python
q***064735 分钟前
SpringSecurity相关jar包的介绍
android·前端·后端
低保和光头哪个先来40 分钟前
场景2:Vue Router 中 query 与 params 的区别
前端·javascript·vue.js·前端框架