echarts怎么控制圆饼图的大小

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

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

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

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

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

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

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

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

<chart :options="options"  style="width:100%height:400px" autoresize ></chart>

添加 autoresize 属性

设置文字块的宽度和高度的代码为width:50,height:40。Echarts中Option属性设置,Java详解//width:50,//文字块的宽度。默认。//height:40,//文字块的高度默认。textBorderColor:“transparent”,//文字本身的描边颜色。textBorderWidth:0,//文字本身的描边宽度。textShadowColor:“transparent”,//文字本身的阴影颜色。textShadowBlur:0,//文字本身的阴影长度。


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

原文地址: http://outofmemory.cn/tougao/11155388.html

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

发表评论

登录后才能评论

评论列表(0条)

保存