数据可视化踩坑指南之引用echarts.min.js放置位置问题

首先上bug图：
数据可视化踩坑
由于自己的自作聪明，将echarts.min.js文件引用放置在了head标签体当中，代码中也没有报错信息，一运行就是并没有出现想要的数据图，此时回头来看控制台显示的错误信息。

引起错误的引用位置：

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="css/index.css" />
    <script src="js/echarts.min.js"></script>
    <script src="js/index.js"></script>
    </script>
</head>

正确运行的引用位置：

<body>
    /*这里是你设计的盒子的代码*/
    /*echarts.min.js文件和自己定义的文件引用放在</body>之前*/
	<script src="js/echarts.min.js"></script>
    <script src="js/index.js"></script>
</body>