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

原创已于 2022-12-08 14:37:35 修改 · 2.9k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#echarts #前端 #javascript

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

js 专栏收录该内容

37 篇文章

订阅专栏

本文详细解析了不同类型的资产配置策略对投资收益的影响，包括大类资产配置、行业配置及选股等方面，并对比了交易收益与总超额收益的关系。

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

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 + '      '
    }
}