echarts legend 字体样式

你可以使用 ECharts 的 legend 配置项来设置字体样式。在 legend 的 textStyle 属性中，可以设置字体的大小、颜色、字体类型等。以下是一个示例：

option = {
    legend: {
        textStyle: {
            fontSize: 12, // 字体大小
            color: '#333', // 字体颜色
            fontStyle: 'normal', // 字体样式，可选值：'normal', 'italic', 'oblique'
            fontWeight: 'bold', // 字体粗细，可选值：'normal', 'bold', 'bolder', 'lighter'
            fontFamily: 'Arial, sans-serif' // 字体类型
        }
    },
    // 其他配置项...
};

你可以根据需要修改 textStyle 中的属性值来调整 legend 字体的样式。

相关问题

echarts legend文字样式

您可以通过配置项中的textStyle属性来设置Echarts图表中legend文字的样式，例如：

legend: {
    textStyle: {
        color: '#333',
        fontSize: 14,
        fontWeight: 'bold'
    }
}

以上代码设置了legend文字的颜色为#333，字体大小为14，字体加粗。您可以根据需要进行自定义配置。

echarts legend图例样式

ECharts提供了多种设置图例样式的方式，可以通过以下属性来设置图例样式：

1. textStyle: 设置图例文本的样式，包括颜色、字号、字体等。
2. itemWidth: 设置图例标记的宽度。
3. itemHeight: 设置图例标记的高度。
4. borderColor: 设置图例边框的颜色。
5. borderWidth: 设置图例边框的宽度。
6. borderRadius: 设置图例边框的圆角半径。
7. backgroundColor: 设置图例的背景色。
8. padding: 设置图例内边距。

以下是一个设置图例样式的示例代码：

option = {
  // 设置图例组件
  legend: {
    textStyle: {
      color: '#333',
      fontSize: 14
    },
    itemWidth: 20,
    itemHeight: 14,
    borderColor: '#ccc',
    borderWidth: 1,
    borderRadius: 5,
    backgroundColor: '#fff',
    padding: [10, 20]
  },
  // 其他配置项...
  // ...
};

以上代码设置了图例文本颜色为`#333`，字号为`14`，标记宽度为`20`，标记高度为`14`，边框颜色为`#ccc`，边框宽度为`1`，边框圆角半径为`5`，背景色为`#fff`，内边距为`[10, 20]`。