/*
 * @Author: your name
 * @Date: 2021-10-09 11:38:06
 * @LastEditTime: 2021-10-11 17:56:05
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: /data-show/src/views/Index/barometer/opt.js
 */
export default function createOpt() {
    return {
        grid: {
            left: '3%',
            right: '2%',
            bottom: '3%',
            top: '22%',
            containLabel: true
        },
        tooltip: {
            trigger: "axis",
            backgroundColor: "#08182F",
            color: "#fff",
            borderColor: "#3373CC",
            textStyle: {
                color: "#fff", //设置文字颜色
            },
            extraCssText: "box-shadow: 0px 0px 10px 0px #3373CC;"
        },
        legend: {
            icon: 'roundRect',
            textStyle: { //图例文字的样式
                color: '#fff'
            },
            y: 'top',
            x: 0
        },
        xAxis: {
            type: 'category',
            axisTick: {
                show: false,
            },
            axisLine: {
                show: false,
                lineStyle: {
                    color: "#fff",
                },
            },
            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri']
        },
        yAxis: {
            type: 'value',
            axisLine: {
                show: false,
                lineStyle: {
                    color: "#fff",
                },
            },
            splitLine: {
                lineStyle: {
                    type: "dashed", // y轴分割线类型
                    color: "#012b4b",
                },
            },
        },
        series: [
            {
                name: 'Email',
                type: 'line',
                stack: 'Total',
                symbol: 'none',
                areaStyle: {
                    opacity: 0.4
                },
                emphasis: {
                    focus: 'series'
                },
                data: [120, 132, 101, 134, 90]
            },
            {
                name: 'Union Ads',
                type: 'line',
                stack: 'Total',
                symbol: 'none',
                areaStyle: {
                    opacity: 0.4
                },
                emphasis: {
                    focus: 'series'
                },
                data: [220, 182, 191, 234, 290]
            },
            {
                name: 'Video Ads',
                type: 'line',
                stack: 'Total',
                symbol: 'none',
                areaStyle: {
                    opacity: 0.4
                },
                emphasis: {
                    focus: 'series'
                },
                data: [150, 232, 201, 154, 190]
            },

        ]
    }
}