Echarts可视化教程（六）——标题与图例组件

ECharts是一款强大的JavaScript数据可视化库，用于创建交互式的图表。关于标题与图例组件的学习，它们对于增强图表的可读性和信息传递至关重要。

1. **标题** (Title): `title` 属性可以设置图表的主标题，包括文字内容、位置（通常在图表上方）、是否显示等。例如：

var option = {
    title: {
        text: '我的图表标题',
        position: 'top'
    },
    // ...其他配置
};

2. **图例** (Legend): 图例可以帮助用户理解不同系列的数据。你可以通过`legend`属性控制图例的位置、图标样式、点击行为等。比如：

legend: {
    data: ['series1', 'series2'], // 系列名称
    position: 'right' // 右侧显示
}

要创建包含标题和图例的图表，你需要在ECharts实例的配置项`option`中整合这两个部分。完整示例：

var myChart = echarts.init(document.getElementById('main'));

myChart.setOption({
    title: {
        text: 'ECharts 示例'
    },
    legend: {
        data:['数据集A', '数据集B']
    },
    series: [
        // ...你的数据和图表类型配置
    ]
});