echarts定义单个柱状颜色及边框

最新推荐文章于 2024-02-22 16:29:11 发布

◢

最新推荐文章于 2024-02-22 16:29:11 发布

阅读量2.5k

点赞数 2

文章标签： echarts javascript

本文链接：https://blog.csdn.net/weixin_43829673/article/details/126869597

版权

option = {
  xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
    //通过在data中给柱状图赋值属性
      data: [120, 200, 150, 80, 70, 110, {
        value : 130,
        itemStyle : {
          color : "red",   //设定单个柱子颜色
          borderColor : "blue"  //设定单个柱子边框颜色
        }
      }],
      type: 'bar',
      showBackground: true,
      backgroundStyle: {
        color: 'rgba(180, 180, 180, 0.2)'
      }
    }
  ]
};