饼状图上下左右间隙的如何调整 js

2025-03-18 13:22:41

1、在Web项目中,新建静态页面pie.html,并引入echarts文件

饼状图上下左右间隙的如何调整 js

2、向body元素中添加饼图容器div元素,设置id属性值,然后利用ID选择器设置元素宽度和高度

饼状图上下左右间隙的如何调整 js

3、在<script></script>标签中,初始化echarts对象,调用init()方法,绑定图形数据源,设置图形样式属性

饼状图上下左右间隙的如何调整 js

4、保存代码并运行项目,打开浏览器查看饼状图显示效果

饼状图上下左右间隙的如何调整 js

5、返回到代码胆咣骜岱编辑器,修改series对象中的center属性的两个值,第一个值是左右间隙,第二个是上下间隙值

饼状图上下左右间隙的如何调整 js

6、调整完毕后,再次刷新浏览器,可以发现饼状图上下左右的间隙发生了改变

饼状图上下左右间隙的如何调整 js
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢