import echarts from 'echarts/lib/echarts';

let option = (resData) => { 
    return {
        tooltip: {
            trigger: 'axis',
            position: function (pt) {
                return [pt[0], '10%'];
            }
        },
        xAxis: {
            type: 'category',
            boundaryGap: false,
            data: resData.x
        },
        yAxis: {
            type: 'value',
            boundaryGap: [0, '100%']
        },
        dataZoom: [{
            type: 'slider',
            start: 0.5,
            end: 50
        }, {
            start: 10,
            end: 100,
            handleIcon: 'M0,0 v9.7h3 v-9.7h-3 Z',
            handleSize: '94%',
            handleStyle: {
                color: '#c7d1de',
            }
        }],
        series: [
            {
                name:'命令总数',
                type:'line',
                smooth:true,
                symbol: 'none',
                sampling: 'average',
                itemStyle: {
                    normal: {
                        color: 'rgb(255, 70, 131)'
                    }
                },
                areaStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                            offset: 0,
                            color: 'rgb(255, 158, 68)'
                        }, {
                            offset: 1,
                            color: 'rgb(255, 70, 131)'
                        }])
                    }
                },
                data: resData.y
            }
        ]
    }
};

export default option;