在 ECharts 中,副标题文本的设置也是通过 title 配置项来实现。副标题的文本可以通过 subtext 属性进行设置。

以下是一个简单的示例,演示如何设置 ECharts 图表的副标题文本:
option = {
    title: {
        text: '主标题',
        subtext: '这是副标题',
        textStyle: {
            fontSize: 18,
            fontWeight: 'bold'
        },
        subtextStyle: {
            color: '#666',
            fontSize: 14
        }
    },
    // 其他配置项...
};

在这个例子中:

  •  主标题的文本通过 text 属性设置为 "主标题"。

  •  副标题的文本通过 subtext 属性设置为 "这是副标题"。

  •  textStyle 定义了主标题的样式,包括字体大小和粗细。

  •  subtextStyle 定义了副标题的样式,包括颜色和字体大小。


你可以根据实际需求调整这些属性的值。在标题设置中,主标题和副标题是一起出现的,样式的设置同样灵活,可以通过 textStyle 和 subtextStyle 来实现。

以下是一个更详细的示例:
option = {
    title: {
        text: '某某统计报表',
        subtext: '2023年第一季度',
        textStyle: {
            color: 'darkblue',
            fontSize: 24,
            fontWeight: 'bold',
            fontStyle: 'italic',  // 可选,文字样式,可以是 'normal' 或 'italic'
            lineHeight: 40         // 可选,行高
        },
        subtextStyle: {
            color: '#666',
            fontSize: 16
        }
    },
    // 其他配置项...
};

这个例子中,主标题文本为 "某某统计报表",副标题文本为 "2023年第一季度",并且样式进行了更多的定制。


转载请注明出处:http://www.zyzy.cn/article/detail/5108/ECharts