Echarts 柱状图

发布时间:2024年01月12日

1. 自定义单个柱子 or 某些柱子的颜色

  1. 思路:将数据合起来放到series中的data中
series: [
    {
      name: 'xxxName1',
      data: [ ],
      type: 'bar',
      color:''#5087ec,
      large:true,// 开启大数据量优化,在数据图形特别多而出现卡顿时候可以开启
    },
    {
      name: 'xxxName2',
      data: [ ],
      type: 'bar',
      color:''#55eecc,
      large:true,// 开启大数据量优化,在数据图形特别多而出现卡顿时候可以开启
    }
  ]

2. 提示信息出现横纵坐标均有提示信息的tooltip

在这里插入图片描述
需要再 option 中添加如下属性:

tooltip: {
     trigger: 'axis',
     axisPointer: {
       type: 'cross',
       color: '#fff',
       fontSize: '16',
     },
     padding: [5, 10],
 },
文章来源:https://blog.csdn.net/qq_53810245/article/details/129884693
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。