Echart柱形图条纹设置

杀猪刀-墨林

已于 2023-07-14 16:27:11 修改

阅读量1.8k

点赞数 2

分类专栏： # echarts 文章标签：前端 echarts 柱形图纹理贴图

于 2023-07-14 16:26:46 首次发布

本文链接：https://blog.csdn.net/qq_38948398/article/details/131726511

版权

echarts 专栏收录该内容

19 篇文章

订阅专栏

该代码段展示了一个Echarts图表的配置，创建了三个条形图系列，分别对应不同的数据集，并在x轴上用一周的日期作为分类标签。此外，启用了Aria功能和Decal显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

代码内容:

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: 'bar'
    },
    {
      data: [20, 40, 90, 40, 30, 70, 120],
      type: 'bar'
    },
    {
      data: [140, 230, 120, 50, 30, 150, 120],
      type: 'bar'
    }
  ],
  aria: {
    enabled: true,
    decal: {
      show: true
    }
  }
};

图形效果：