一个简洁的折线图echarts 折线配置项内容和展示

      let datas={
    yData:[502.84, 205.97, 332.79, 281.55, 398.35, 214.02, ],
    xData:['A', 'B', 'C', 'D', 'E', 'F']
}
let xData=datas.xData;
let yData=datas.yData;
let color="#4aa3f0";
let textColor="#0172E4";
let axisLineColor="#0172E4";
option = {
    tooltip: {
        trigger: 'axis',
        axisPointer: {
            
            },
        },
    xAxis: [{
        show: true,
        type: 'category',
        axisLine: {
             show: true,
            lineStyle:{
                color:axisLineColor,
            }
        },
        splitArea: {
            show: false,
            
        },
        axisLabel: {
            color: textColor
        },
        splitLine: {
            show: false,
          
        },
        axisTick:{
            show: false
        },
        boundaryGap: true,
        data: xData,

    }],
    grid: {
        x: '5%',
        y: '5%',
        x2: '5%',
        y2: '5%',
        borderWidth: 1
    },
    yAxis: [{
        type: 'value',
        splitLine: {
           show: true,
            lineStyle:{
                color,
                type:"dashed"
            }
        },
        axisLine: {
            show: true,
            lineStyle:{
                color:axisLineColor,
            }
        },
        axisLabel: {
            show: true,
            textStyle: {
                color: textColor,
            },
        },
        axisTick: {
            show: false,
        },
    }],
    series: [{
            name: '',
            type: 'line',
            smooth: false, //是否平滑
            showAllSymbol: false,
            symbol: 'circle',
            symbolSize: 2,
            lineStyle: {
                normal: {
                    color
                },
            },
            itemStyle: {
                color,
            },
            data: yData
        },

    ]
};