头部引入需要的js库:
echarts用以绘图,axios发请求,html2canvas将dom结点转换为h5 canvas画布,FileSaver用以保存下载文件
<head>
<title>舆情饼图</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="./echarts.min.js"></script>
<script type="text/javascript" src="./html2canvas.min.js"></script>
<script type="text/javascript" src="./FileSaver.min.js"></script>
<script type="text/javascript" src="./axios.min.js"></script>
</head>
body中设置绘图结点
<div id="newsPieChart" style="width: 800px;height: 800px"></div>
发ajax 获取数据,并绘图下载