关于Echarts三种方式显示

先上效果图吧

1. 通过页面直接写数据

2.通过json文件获取数据

3.通过Ajax动态获取数据

第一步：引入JS文件

   <script src="resources/js/jquery.min.js"></script>

   <script type="text/javascript" src="resources/Echarts/echarts.common.min.js"></script>

第二步：

     <h2>Echarts 异步调用实例</h2>
    
    <!-- 注意，一定要设置宽，高，不然显示不出来！！ -->
    <div id="echartsJs" style="height:500px;width:600px;"> </div>
    <div id="echartsJson" style="height:500px;width:600px;"> </div>

    <div id="echartsAjax" style="height:500px;width:600px;"> </div>

第三步：JS代码

 <script>

   

    // 方式一：

        var myChart = echarts.init(document.getElementById('echartsJs'));
      
      // 指定图表的配置项和数据
      var option = {
      title : {text : 'Echarts 入门实例'},
      tooltip:{},