admin 管理员组

文章数量: 1184232


2024年4月18日发(作者:java程序设计教程牛晓太答案)

在 ECharts 中,`legend` 对象的 `textStyle` 属性是一个对象,用

于设置图例的文本样式。您可以使用数组来定义多个图例的文本样式,

数组中的每个对象代表一个图例的样式配置。

下面是一个示例,展示了如何使用 `textStyle` 数组来设置多个

图例的文本样式:

```javascript

option = {

legend: {

data: ['销量', '库存'],

textStyle: [

{

color: 'blue',

fontSize: 14,

fontWeight: 'bold'

},

{

color: 'green',

fontSize: 12,

fontWeight: 'normal'

}

]

},

// 其他图表配置项...

};

```

在上面的示例中,`textStyle` 数组包含两个对象,分别对应于 "

销量" 和 "库存" 两个图例的样式配置。每个对象都有 `color`、

`fontSize` 和 `fontWeight` 等属性,用于设置文本的颜色、字体大小

和字体粗细。

通过使用 `textStyle` 数组,您可以为每个图例自定义不同的文

本样式,从而更好地展示数据系列和它们之间的关系。


本文标签: 图例 样式 文本