第一个 ECharts 实例echarts 折线配置项内容和展示

配置项如下
       // 指定图表的配置项和数据
        var option = {
            title: {
                text: '第一个 ECharts 实例'
            },
            tooltip: {},
            legend: {
                data: ['销量']
            },
            xAxis: {
                data: ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"]
            },
            yAxis: {},
            series: [{
                name: '销量',
               // stack: '总量', // 叠加最后一个
                type: 'line',
                smooth: true,
                areaStyle: {
                    color: {
                        type: 'linear',
                        x: 0,
                        y: 0,
                        x2: 0,
                        y2: 1,
                        colorStops: [{
                            offset: 0, color: 'red' // 0% 处的颜色
                        }, {
                            offset: 1, color: 'white' // 100% 处的颜色
                        }],
                        global: false // 缺省为 false
                    }
                },
                // data: [5, 20, 36, 10, 10, 20]
                data: [1154, 1037, 1147, 1134, 1149, 1129, 1168, 1160, 1031, 0],
            }, {
                name: '销量1',
                type: 'line',
                stack: '总量', // 叠加最后一个

                smooth: true,
                areaStyle: {
                    color: {
                        type: 'linear',
                        x: 0,
                        y: 0,
                        x2: 0,
                        y2: 1,
                        colorStops: [{
                            offset: 0, color: 'blue' // 0% 处的颜色
                        }, {
                            offset: 1, color: 'white' // 100% 处的颜色
                        }],
                        global: false // 缺省为 false
                    }
                },
                // data: [45, 40, 36, 30, 20, 10]
                data: [5666, 5102, 5651, 5444, 5648, 5471, 5652, 5617, 4917, 0]
            }]
        };

        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);

    
截图如下