high charts柱状图更新（将原有柱状图更换为其他柱状图）删除重新绘制，柱状图设置渐变色

最新推荐文章于 2024-03-21 17:04:36 发布

不想上班只想要钱

最新推荐文章于 2024-03-21 17:04:36 发布

阅读量553

点赞数

分类专栏： css html 前端文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/Aa12364567/article/details/127260280

版权

前端同时被 3 个专栏收录

199 篇文章 3 订阅

订阅专栏

html

89 篇文章 1 订阅

订阅专栏

css

84 篇文章 1 订阅

订阅专栏

this.chart.series[0].remove(true) //清除
//重新绘制
      this.chart.addSeries({
        type: 'bar',
        data: this.companyList,
        color: {
            linearGradient: {
              x1: 0,
              y1: 0,
              x2: 0,
              y2: 1
            },
            //设置柱状图渐变色
            stops: [
              [0, '#3F95CE'],
              // [0.2, '#3B5BDF'],
              [1, '#1EE7E7'],
              [1, HighCharts.Color(HighCharts.getOptions().colors[0]).setOpacity(0.9).get('rgba')]
            ]
          }
    	});