import * as echarts from "echarts";

const styleName1 = {
    title: {
        text: "Data Trend Population",
    },
    grid: {
        top: 50,
        left: 0,
        right: 85,
        bottom: 5,
        containLabel: true,
    },
    legend: {
        show: true,
        right:30,
        selectedMode: false,
        data:['Dronr AI','Standar'],
        icon: "roundRect",
        itemWidth: 15, // 图例标记的图形宽度。
        itemHeight: 4, //  图例标记的图形高度。
        textStyle: {
            fontSize: 14,
            padding: [0, 8, 0, 8],
        },
    },
    xAxis: {
        type: "category",
        axisTick: {
            alignWithLabel: true,
        },
        data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
    },
    yAxis: {
        type: "value",
        splitNumber:3,
        axisLine: { show: true },
        splitLine: {
            show: false,
        },
    },
    series: [
        {
            name:'Dronr AI',
            symbol: "square",
            symbolSize: 9,
            color: '#3a8448',
            data: [150, 230, 224, 218, 135, 147, 260],
            type: "line",
            label: {
                show: true,
                position: 'bottom',
            },
            markLine:{
                symbol: ['none', 'none'],
                data:[{
                    yAxis: 77000,
                    lineStyle: { type: 'solid', color: '#f6d54c', width: 3 } // 样式： 线型、颜色、线宽
                 }]
            }
        },
        {
            name:'Standar',
            symbol: "none",
            color: '#f6d54c',
            data: [],
            type: "line",
        },
    ],
};

export const lineOption = { styleName1 };
