echarts坐标轴名称文字颜色混搭

以echarts某个官方实例为参考，实例地址：https://echarts.baidu.com/examples/editor.html?c=line-simple。

option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value',
        name: '单位：{red|Kw} / {orange|KVar}',
        nameTextStyle: {
            color: 'black',
            rich: {
                red: {
                    color: 'red'
                },
                orange:{
                    color: 'orange'
                }
            }
        }
    },
    series: [{
        data: [820, 932, 901, 934, 1290, 1330, 1320],
        type: 'line'
    }]
}

只需要name写成上面的格式即可。

这里用到了echarts的富文本标签。具体参考https://echarts.baidu.com/tutorial.html#%E5%AF%8C%E6%96%87%E6%9C%AC%E6%A0%87%E7%AD%BE。