echarts 多种类型的legend一行居中展示

Kill_paradise

已于 2022-12-08 14:37:35 修改

阅读量2.4k

点赞数

分类专栏： js 文章标签： echarts 前端 javascript

于 2022-12-08 14:36:08 首次发布

本文链接：https://blog.csdn.net/Kill_paradise/article/details/128236441

版权

js 专栏收录该内容

36 篇文章 1 订阅

订阅专栏

computed: {
    legend() {
      let popLastArr = this.chartData.slice(0, -1)
      return _.map(popLastArr, (dataItem) => {
        console.log(dataItem.name, dataItem.data)
        return {
          name: dataItem.name,
          icon: dataItem.type ? 'line' : 'rect',
        }
      })
    },
}



legend: {
    data: [
        {
            name: '大类资产配置收益',
            icon: legendSvg.rect
        }, {
            name: '行业配置收益',
            icon: legendSvg.rect
        }, {
            name: '行业选股收益',
            icon: legendSvg.rect
        }, {
            name: '交易收益',
            icon: legendSvg.rect
        }, {
            name: '总超额收益',
            icon: legendSvg.line
        }
    ],
    bottom: 0,
    icon: 'rect',
    itemWidth: 10,
    itemHeight: 3,
    textStyle: {
        color: '#434549',
        fontSize: 12
    },
    formatter (item) {
        return item + '      '
    }
}