echarts渲染多个series

ECharts是一款基于JavaScript的开源可视化库，用于创建交互式的图表和数据可视化。在ECharts中，可以通过多个series来实现多个数据系列的渲染。

要渲染多个series，首先需要创建一个ECharts实例，并指定一个DOM元素作为容器。然后，通过配置项来定义图表的样式和数据。

下面是一个示例代码，演示了如何使用ECharts渲染多个series：

// 创建ECharts实例
var myChart = echarts.init(document.getElementById('chart-container'));

// 定义配置项
var option = {
    // 图表的标题
    title: {
        text: '多个series示例'
    },
    // 图表的x轴和y轴
    xAxis: {},
    yAxis: {},
    // 多个series的数据
    series: [
        {
            name: '系列1',
            type: 'bar',
            data: [10, 20, 30, 40, 50]
        },
        {
            name: '系列2',
            type: 'line',
            data: [5, 15, 25, 35, 45]
        }
    ]
};

// 使用配置项渲染图表
myChart.setOption(option);

在上述代码中，我们创建了一个包含两个series的柱状图和折线图的ECharts实例。每个series都有一个名称、类型和对应的数据。通过调用`setOption`方法，将配置项应用到图表中，从而实现了多个series的渲染。