效果展示
前端代码
需注意:需要连接网络才可以使用,因为引入的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 -->