echarts在X轴的rich自定义图片 ，怎么样才可以即是中文又可以显示图片？

Question

Answer 1

先加一个枚举

let msgObj={
  a:'中国',
  b:'俄罗斯',
  c:'美国'
}

然后axisLabel如下配置

    axisLabel: {
        formatter: function (value) {
            return '{' + value + '| }\n{value|' + msgObj[value] + '}';
        },
        margicn: 20,
        rich: {
            value: {
                lineHeight: 30,
                align: 'center'
            },
            a: {
                height: 40,
                align: 'center',
                backgroundColor: {
                    image: weatherIcons.Sunny
                }
            },
            b: {
                height: 40,
                align: 'center',
                backgroundColor: {
                    image: weatherIcons.Cloudy
                }
            },
            c: {
                height: 40,
                align: 'center',
                backgroundColor: {
                    image: weatherIcons.Showers
                }
            }
        }
    }