echarts部分格式化配置无法直接返回html样式,为此我们可以使用echarts配置中的rich自定义富文本样式作为替代方案。
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
},
formatter: (params) => {
return `<b>${params[0].name}</b>`;
}
},
legend: {
data: ['Profit', 'Expenses', 'Income'],
textStyle: {
rich: {
fw: {
fontWeight: 'bold'
}
},
},
formatter: (params) => {
return `{fw|对比1} <b>对比2</b>`;
}
},
(注意rich的配置位置)
效果图:
tooltip对应图型提示,legend对应图例。