
1、新建静态页面pie.html,并引入echarts核心js文件。
2、在<body></body>元素内插入div饼图容器,设置其宽度和高度。
3、编写生成饼图图形的核心代码,有数据源和样式。
4、预览该静态页面,查看饼图效果,分别点击饼图块。
5、添加饼图块图例切换事件,并打印出饼图参数,更改参数值即可实现圆饼图大小的控制。
6、再次预览该界面,可以查看到饼图效果,并点击饼图分块。
<chart :options="options" style="width:100%height:400px" autoresize ></chart>
添加 autoresize 属性
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)