折线图echarts 折线配置项内容和展示

调整折线的颜色

      option = {
    title: {
        text: '单位/个',
        textStyle: {
            fontSize: 12,
            fontWeight: 'normal',
            color: '#65aaf1' //标题颜色
        },
        left: '2%',
    },
    tooltip: {
        trigger: 'axis'
    },
    legend: {
        data: ['无线1', '无线2', '无线3'],
        textStyle: {
            fontSize: 12, //字体大小
            color: '#65aaf1', //字体颜色
        },
        right: '3%' //距离右侧
    },
    grid: {
        left: '3%',
        top: '25%',
        right: '4%',
        bottom: '3%',
        containLabel: true
    },
    toolbox: {
        // feature: {
        //     saveAsImage: {}
        // }
    },
    xAxis: {
        type: 'category',
        boundaryGap: false,
        data: ['区域A', '区域B', '区域C', '区域D', '区域E', '区域F', '区域G', '区域H', '区域I'],
        axisLabel: {
            show: true,
            textStyle: {
                color: '#65aaf1'
            }
        },
        axisLine: {
            lineStyle: {
                color: '#0a2b52',
                width: 1, //这里是为了突出显示加上的
            }
        }

    },
    yAxis: {
        type: 'value',
        axisLine: {
            onZero: false,
            lineStyle: {
                color: '#0a2b52',
                width: 1, //这里是为了突出显示加上的
            }
        },
        axisLabel: {
            show: true,
            textStyle: {
                color: '#65aaf1' //字体颜色
            }
        },
        splitLine: { //保留网格线
            show: true,
            lineStyle: { //y轴网格线设置
                color: '#0a2b52',
                width: 1,
                type: 'solid'
            }
        },
    },
    series: [{
            name: '无线1',
            type: 'line',
            smooth: true,
            stack: 100,
            data: [25, 32, 30, 34, 40, 35, 30, 35, 40],
            symbol: 'circle', //设定为实心点
            symbolSize: 7, //设定实心点的大小
            itemStyle: {
                normal: {
                    color: '#2ddcec', //折现点颜色
                    lineStyle: {
                        color: '#2ddcec' //折线颜色
                    }
                }
            },
        },
        {
            name: '无线2',
            type: 'line',
            smooth: true,
            stack: 100,
            data: [20, 25, 15, 20, 30, 20, 25, 30, 25],
            symbol: 'circle',
            symbolSize: 7,
            itemStyle: {
                normal: {
                    color: '#01a3d8',
                    lineStyle: {
                        color: '#01a3d8'
                    }
                }
            },
        },
        {
            name: '无线3',
            type: 'line',
            smooth: true,
            stack: 100,
            data: [15, 12, 10, 14, 20, 15, 30, 25, 30],
            symbol: 'circle',
            symbolSize: 7,
            itemStyle: {
                normal: {
                    color: '#ef9049',
                    lineStyle: {
                        color: '#ef9049'
                    }
                }
            },
        },

    ]
};