目标决策echarts cross配置项内容和展示

gotor2071

      var data = [
    [161.2, 51.6],
    [167.5, 59.0],
    [159.5, 49.2],
    [157.0, 63.0],
    [155.8, 53.6]
];
option = {
    title: {
        text: '目标决策',
        subtext: 'gotor2071'
    },
    grid: {
        left: '3%',
        right: '7%',
        bottom: '3%',
        containLabel: true
    },
    tooltip: {
        // trigger: 'axis',
        showDelay: 0,
        formatter: function(params) {
            if (params.value.length > 1) {
                return params.seriesName + ' :<br/>' +
                    params.value[0] + 'cm ' +
                    params.value[1] + 'kg ';
            } else {
                return params.seriesName + ' :<br/>' +
                    params.name + ' : ' +
                    params.value + 'kg ';
            }
        },
        axisPointer: {
            show: true,
            type: 'cross',
            lineStyle: {
                type: 'dashed',
                width: 1
            }
        }
    },
    toolbox: {
        feature: {
            dataZoom: {},
            brush: {
                type: ['rect', 'polygon', 'clear']
            }
        }
    },
    brush: {},
    legend: {
        data: ['', ''],
        left: 'center'
    },
    xAxis: [{
        type: 'value',
        scale: true,
        //                axisLabel: {
        //                    formatter: '{value} cm'
        //                },
        axisTick: true,
        splitLine: {
            show: false
        }
    }],
    yAxis: [{
        type: 'value',
        scale: true,
        //                axisLabel: {
        //                    formatter: '{value} kg'
        //                },
        axisTick: true,
        splitLine: {
            show: false
        }
    }],
    series: [{
        name: '女性',
        type: 'scatter',
        data: data,
        markArea: {
            silent: true,
            itemStyle: {
                normal: {
                    color: 'transparent',
                    borderWidth: 1,
                    borderType: 'dashed'
                }
            },
            //                    data: [[{
            //                        name: '女性分布区间',
            //                        xAxis: 'min',
            //                        yAxis: 'min'
            //                    }, {
            //                        xAxis: 'max',
            //                        yAxis: 'max'
            //                    }]]
        },
        //                markPoint: {
        //                    data: [
        //                        {type: 'max', name: '最大值'},
        //                        {type: 'min', name: '最小值'}
        //                    ]
        //                },
        markLine: {
            lineStyle: {
                normal: {
                    type: 'solid'
                }
            },
            data: [{
                type: 'average',
                name: '平均值'
            }, {
                xAxis: 160
            }]
        }
    }]
};