效果
前端
需注意:需要连接网络才可以使用,因为引入的echarst和vue和jquery都是访问网上的。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>柱状图</title> <!-- 引入 echarts.js --> <script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script> <!-- 引入 vue --> <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script> <!-- 引入 jquery --> <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"> </script> </head> <body> <!-- 为ECharts准备一个具备大小(宽高)的Dom --> <div id="main" style="width: 600px;height:400px;"></div> <script type="text/javascript"> var vm=new Vue({el:"#main",data:{name:["中国","美国"],type:["2","1"]},methods:{//自定义方法getBarChart:function(){$.get("http://localhost:8081/jeefast-rest/tb/school/getPie",{ }
123456789101112131415161718192021222324252627282930