echarts的rich使用

在ECharts中，rich是一个用于设置文本样式的属性，它可以让你为文本添加自定义的样式，如颜色、字体大小、加粗等。rich通常与formatter一起使用，以在图表中的标签、提示框等位置显示带有样式的文本。

下面是一个简单的示例，展示了如何在ECharts的饼图中使用rich属性：

option = {  
    series: [  
        {  
            type: 'pie',  
            data: [  
                {value: 1048, name: '搜索引擎'},  
                {value: 735, name: '直接访问'},  
                {value: 580, name: '邮件营销'},  
                {value: 484, name: '联盟广告'},  
                {value: 300, name: '视频广告'}  
            ],  
            label: {  
                formatter: '{b}: {@2012} ({d}%)',  
                rich: {  
                    2012: {  
                        color: '#ff0000', // 设置文本颜色为红色  
                        fontSize: 20, // 设置字体大小为20  
                        fontWeight: 'bold' // 设置字体加粗  
                    }  
                }  
            }  
        }  
    ]  
};

在这个示例中，formatter属性用于定义标签的显示格式。{b}表示数据项的名称，{@2012}表示使用rich中定义的2012样式来显示数据值，({d}%)表示显示数据所占的百分比。

rich属性中定义了一个名为2012的样式，其中color属性设置文本颜色为红色，fontSize属性设置字体大小为20，fontWeight属性设置字体加粗。这样，在饼图的标签中，数据值将以红色、20号字体、加粗的形式显示。

需要注意的是，rich属性中的样式名称（如2012）必须与formatter中使用的样式名称一致，否则样式将不会生效。此外，rich属性可以设置多个样式，每个样式都可以有不同的样式属性。你可以根据需要在rich中添加更多的样式定义。