Echarts图例标题使用富文本详解

Echarts是一个非常流行的可视化图表库，它支持多种类型的图表展示。Echarts图例是用来标识不同数据系列的颜色和名称。Echarts图例标题使用富文本可以让我们更加灵活地定制图例的样式，下面是详细的步骤：

1. 在Echarts中设置图例的名称和类型，例如：

legend: {
    data:['数据1', '数据2', '数据3'],
    type: 'scroll',
},

2. 在图例名称中使用富文本，例如：

legend: {
    data:[
        {name: '数据1', textStyle: {color: 'red'}},
        {name: '数据2', textStyle: {color: 'blue'}},
        {name: '数据3', textStyle: {color: 'green'}},
    ],
    type: 'scroll',
},

3. 在富文本中使用HTML标签来设置样式，例如：

legend: {
    data:[
        {name: '数据1 <span style="color:red">(红色)</span>', textStyle: {color: 'black'}},
        {name: '数据2 <span style="color:blue">(蓝色)</span>', textStyle: {color: 'black'}},
        {name: '数据3 <span style="color:green">(绿色)</span>', textStyle: {color: 'black'}},
    ],
    type: 'scroll',
},

通过以上几个步骤，我们可以非常方便地使用富文本来设置Echarts图例标题的样式。同时，我们也可以使用其他HTML标签来设置更加丰富的样式，例如加粗、斜体等。