以下是一个包含两个系列的简单示例:
option = {
// 其他配置项...
legend: {
data: ['系列1', '系列2'],
// 其他图例相关配置项...
},
series: [
{
name: '系列1', // 系列1的名称
type: 'bar',
data: [1, 2, 3, 4, 5],
// 其他系列1的配置项...
},
{
name: '系列2', // 系列2的名称
type: 'line',
data: [5, 4, 3, 2, 1],
// 其他系列2的配置项...
},
// 其他系列配置项...
],
};
在上面的例子中,legend 的 data 属性包含了两个字符串,分别对应两个系列的名称,即 '系列1' 和 '系列2'。而每个系列对象中的 name 属性也分别对应着各自系列的名称。
通过这种方式,ECharts 就能够自动地根据系列的名称和图例的配置,将对应的图例项显示在图表中。在实际使用中,你可以根据需要设置不同系列的样式、类型等配置项,并通过图例来控制它们的显示或隐藏。
转载请注明出处:http://www.zyzy.cn/article/detail/5127/ECharts