请问如何实现这样的环形渐变饼图，跪求代码

sunny2u07 2019-12-12 12:10:17

如上图所示，环形渐变图可按输入数值按比率显示红，黄，绿，不知道该怎么处理啊

...全文

308 4 打赏收藏转发到动态举报

写回复

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

sunny2u07 2019-12-12

打赏
举报

回复

引用 3 楼日月铭心的回复：

[quote=引用 2 楼 sunny2u07 的回复:]
引用
https://www.echartsjs.com/examples/zh/editor.html?c=pie-doughnut 样式可以参照配置项手册
大神echarts环形图是否能实现渐变效果，另外这是放在首页的，用控件是否会影响速度？有没有只靠css或者图片画出来的方法

echarts可以实现的，配置项手册查一下有介绍 css样式应该也行的，楼主可以研究研究

[/quote]谢谢谢谢

傻蛋丫 2019-12-12

打赏
举报

回复

引用 2 楼 sunny2u07 的回复:

引用
https://www.echartsjs.com/examples/zh/editor.html?c=pie-doughnut 样式可以参照配置项手册
大神echarts环形图是否能实现渐变效果，另外这是放在首页的，用控件是否会影响速度？有没有只靠css或者图片画出来的方法

echarts可以实现的，配置项手册查一下有介绍 css样式应该也行的，楼主可以研究研究

sunny2u07 2019-12-12

打赏
举报

回复

引用

https://www.echartsjs.com/examples/zh/editor.html?c=pie-doughnut 样式可以参照配置项手册

大神echarts环形图是否能实现渐变效果，另外这是放在首页的，用控件是否会影响速度？有没有只靠css或者图片画出来的方法

傻蛋丫 2019-12-12

打赏
举报

回复

https://www.echartsjs.com/examples/zh/editor.html?c=pie-doughnut 样式可以参照配置项手册

可以通过此代码实现对数据进行图表展示,有柱形图,饼图,折线图,代码完整

MFC根据数据绘制图表，饼图、柱状图、曲线图

在vue和echarts联合技术栈的操控下，本专栏提供行之有效的源代码示例。这里既包括样式的修改，又包括常用bug的解决。（1）提供title示例：展示控制标题的颜色、位置、子标题，连接等（2）提供legend示例：展示控制图例的类型、宽度、高度、位置、间隙，边框、阴影、透明度、偏移，字体、颜色，提示语等（3）提供grid示例：展示控制绘图网格的位置、宽度、高度、边框、阴影等（4）提供xAxis示例：展示控制x 轴的位置、类型、名称、字体、对齐方式、边框、阴影、宽度、高度等。

实现如上图所示环形的饼图，实现思路为先绘制一个占比为所需数据大小环形饼图，设置好对齐方式，添加一个全局的背景色即可。但是由于上述所使用的环形图的圆角方法【roundCap: true】为echarts4.5以上版本新添加的方法，因此要想完成上述完全效果，建议使用较高版本echarts.js，下面为上述效果的option配置。 option = { title: { text: "占比", textStyle: { color: '#666666', font.

径向渐变 drawPie() { //var myChart = this.$echarts.init(document.getElementById("echart-pie"));//vue项目 var myChart = echarts.init(document.getElementById("echart-pie"));//jquery var ...

61,115

社区成员

60,728

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章