import React from 'react';
import ReactEcharts from 'echarts-for-react';

export default function Jcqsfx(props: any) {
    window.console.log(props);
    const option = {
        color: ['#1890FF'],
        tooltip: {
            trigger: 'axis',
        },
        legend: {
            show: false,
        },
        grid: {
            top: 28,
        },
        xAxis: {
            type: 'category',
            boundaryGap: false,
            axisTick: {
                show: false,
            },
            axisLabel: {
                color: '#fff',
            },
            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
        },
        yAxis: {
            type: 'value',
            axisTick: {
                show: false,
            },
            axisLabel: {
                color: '#fff',
            },
            splitLine: {
                lineStyle: {
                    type: 'dashed',
                    color: 'rgba(151,151,151,0.28)',
                },
            },
        },
        series: [
            {
                name: '',
                type: 'line',
                data: [10, 11, 13, 11, 12, 12, 9],
                markLine: {
                    data: [{ type: 'average', name: 'Avg' }],
                    lineStyle: {
                        color: '#52C41A',
                    },
                },
            },
        ],
    };
    return (
        <ReactEcharts
            option={option}
            notMerge
            lazyUpdate
            style={{ height: '100%', width: '100%' }}
        />
    );
}
