markPoint 层级echarts 折线配置项内容和展示

      option = {
    backgroundColor: '#fff',
    xAxis: {
        data: [1, 2, 3, 4, 5, 6, 7],
        maxInterval: 1,
        minInterval: 1,
        axisLine: {
            lineStyle: {
                color: '#EEE',
                width: 2
            }
        },
        axisLabel: {
            color: '#666',
            fontFamily: 'Oswald',
            fontSize: 15
        },
        axisTick: {
            show: false
        }
    },
    yAxis: {
        min: -1,
        max: 1,
        axisLabel: {
            show: false
        },
        axisLine: {
            show: false
        },
        axisTick: {
            show: false
        },
        splitLine: {
            show: false
        }
    },
    grid: {
        left: 5,
        right: 5,
        bottom: 20
    },
    series: [{
        name: '2017',
        type: 'line',
        data: [1, 0.2, -1, 0, -0.3, 0.75, -0.9],
        symbolSize: 7,
        areaStyle: {
            normal: {} // 这里注释掉能正常显示
        },
        lineStyle: {
            normal: {
                width: 3
            }
        },
        itemStyle: {
            normal: {
                borderWidth: 2
            }
        },
        z: 10,
        smooth: true,
        markPoint: {
            z: 10, // ?
            symbolSize: 60,
            data: [{
                name: 'min',
                type: 'min',
                itemStyle: {
                    normal: {
                        color: '#82E0FF'
                    }
                },
                textStyle: {
                    normal: {
                        color: 'white'
                    }
                }
            }, {
                name: 'max',
                type: 'max',
                itemStyle: {
                    normal: {
                        color: '#FF8DB1'
                    }
                }
            }],
            label: {
                normal: {
                    fontFamily: 'Oswald',
                    formatter: '{b}',
                    // color: 'red'
                }
            },
            itemStyle: {
                normal: {
                    borderWidth: 3
                }
            }
        }
    }],
    visualMap: {
        show: false,
        min: -1,
        max: 1,
        color: ['#FF8DB1','#FF8DB1', '#FFE78D', '#82E0FF', '#82E0FF'],
        seriesIndex: 0
    }
}