在使用JavaScript+echarts结合起来使用时,绘制一个饼状图,需要瓢遥费涓调整上下左右间隙,该如何处理呢?
工具/原料
jquery
JavaScript
HTML5
CSS3
HBuilderX
截图工具
浏览器
方法/步骤
1、在Web项目中,新建静态页面pie.html,并引入echarts文件
2、向body元素中添加饼图容器div元素,设置id属性值,然后利用ID选择器设置元素宽度和高度
3、在<script></script>标签中,初始化echa筠续师诈rts对象,调用init()方法,绑定图形数据源,设置图形样式属性
4、保存代码并运行项目,打开浏览器查看饼状图显示效果
5、返回到代码胆咣骜岱编辑器,修改series对象中的center属性的两个值,第一个值是左右间隙,第二个是上下间隙值
6、调整完毕后,再次刷新浏览器,可以发现饼状图上下左右的间隙发生了改变