在 ECharts 中，配置项中的标题部分用于设置图表的标题和副标题。以下是一些常见的标题设置选项：
option = {
    title: {
        text: '主标题',          // 主标题文本
        subtext: '副标题',       // 副标题文本
        left: 'center',         // 主剧中央对齐
        textStyle: {
            color: '#333',      // 主标题文本颜色
            fontSize: 18,       // 主标题字体大小
            fontWeight: 'bold'  // 主标题字体粗细
        },
        subtextStyle: {
            color: '#aaa',      // 副标题文本颜色
            fontSize: 14        // 副标题字体大小
        }
    },
    // 其他配置项...
};

上述配置项示例中，title 是一个包含标题相关设置的对象。以下是一些常用的属性：

  •  text: 主标题文本。

  •  subtext: 副标题文本。

  •  left, right, top, bottom: 标题的位置，可以是百分比，也可以是像素值。

  •  textStyle: 主标题文本样式设置。

  •  subtextStyle: 副标题文本样式设置。


你可以根据实际需求，通过修改这些属性来调整标题的样式和位置。另外，textAlign 和 textBaseline 属性也可用于调整文本的水平和垂直对齐方式。

以下是一个完整的示例：
option = {
    title: {
        text: '某某统计报表',
        subtext: '2023年',
        left: 'center',
        textStyle: {
            color: '#333',
            fontSize: 18,
            fontWeight: 'bold'
        },
        subtextStyle: {
            color: '#aaa',
            fontSize: 14
        }
    },
    // 其他配置项...
};

这个例子中的标题设置了主标题为 "某某统计报表"，副标题为 "2023年"，并且样式进行了一些基本的定制。


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