<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
	 <script type="text/javascript" src="/dsjstyle/js/echarts.common.min.js" ></script>
    <title>Title</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        #line{
            width:550px;
            height: 140px;
        }
    </style>
</head>
<body>

<div class="box">
    <div id="line"></div>
</div>


<script src="/dsjstyle/js/jquery.js"></script>
<script src="/dsjstyle/js/echarts.min.js"></script>

<script>
    echarts1();
    function echarts1() {

        var myChart = echarts.init(document.querySelector("#line"));

        var option = {
    color: ['#7dffff'],
    tooltip: {
        trigger: 'axis',
        axisPointer: {            // 坐标轴指示器，坐标轴触发有效
            type: 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
        },
		
    },
	
    grid: {
        left: '1%',
		top:'30px',
        right: '5%',
        bottom: '1%',
        containLabel: true
    },
    xAxis: [
        {
            type: 'category',
            data: ['1月', '2月', '3月'],
            axisTick: {
                alignWithLabel: true
            },
			axisLabel: {
                    show: true,
                    margin: 10,
                    textStyle: {
                        color: '#81b7db',
                        fontSize: '14',

                    },
                },
        }
    ],
    yAxis: [
        {
            type: 'value',
			axisLabel: {
                    show: true,
                    margin:20,
                    textStyle: {
                        color: '#81b7db',
                        fontSize: '14',

                    },
                },
        }
    ],
    series: [
        {
            name: '直接访问',
            type: 'bar',
            barWidth: '60%',
            data: [1080, 99, 1170]
        }
    ]
};
        myChart.setOption(option);
        window.addEventListener("resize",function(){
            myChart.resize();
        });


    }
</script>

</body>
</html>