import toolTip from 'echarts/lib/component/toolTip';
import legend from 'echarts/lib/component/legend';

let option = (resData) => {
    return {
        tooltip: {
            trigger: 'axis',
            position: function (pt) {
                return [pt[0], '10%'];
            }
        },
        legend: {
            data:['Read','Write']
        },
        xAxis:  {
            type: 'category',
            boundaryGap: false,
            data: resData.x
        },
        yAxis: {
            type: 'value',
            axisLabel: {
                formatter: '{value}'
            }
        },
        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: 'Read',
                type: 'line',
                data: resData.yr
            },
            {
                name: 'Write',
                type: 'line',
                data: resData.yw
            }
        ]
    };
}

export default option;