echarts怎么控制圆饼图的大小

echarts怎么控制圆饼图的大小,第1张

echarts控制圆饼图的大小代码及方法如下:

1、新建静态页面piehtml,并引入echarts核心js文件。

2、在<body></body>元素内插入div饼图容器,设置其宽度和高度。

3、编写生成饼图图形的核心代码,有数据源和样式。

4、预览该静态页面,查看饼图效果,分别点击饼图块。

5、添加饼图块图例切换事件,并打印出饼图参数,更改参数值即可实现圆饼图大小的控制。

6、再次预览该界面,可以查看到饼图效果,并点击饼图分块。

可以调整,你要调整饼图,你就点饼图这个圆的周围,当你点出一个比绘图区小的正方形框框时,那个就是调整饼图圆的大小的地方,用鼠标拖拉就行了,当然你可能不是一步到位点出下方形,但我告诉你该正方形里面刚好装了个圆,现在你要找正方形的边框应该知道在什么部位了吧。你试一下,祝成功。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://www.outofmemory.cn/yw/13386696.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-26
下一篇 2023-07-26

发表评论

登录后才能评论

评论列表(0条)

保存