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,//文字本身的阴影长度。欢迎分享,转载请注明来源:内存溢出
评论列表(0条)