Ξ
3D 饼环图初步完成
Z***8
2021-12-28 06:03:35
7
26
90
点击收藏
赠送体验
GPT-Ai助手
Echarts 官方同步案例
Echarts 官方同步文档
🌏 QQ/微信
交流
群
登录
评论
j***z(2021-12-23 15:05:07 )
对
#6版本
说:
你好,渐变色怎么搞,可以详细说一下吗?
Z***8 回复 j***z(2021-12-28 06:06:01 )
对
#7版本
说:
你好,第 #7 版做了渐变色尝试,但没有时间整合了,你可以参考一下 搜索「增加渐变色尝试(手动通过 seriesIndex 指定系列) @20211228」,或者查看版本对比,可以看到 visualMap 的设置
艾***t(2021-12-16 07:09:13 )
对
#6版本
说:
你好,我想问下 label的背景色怎么去掉
Z***8 回复 艾***t(2021-12-23 01:36:50 )
对
#6版本
说:
在左边代码处找一下「// 新增标签 series @20210613」 把后面的 labelSeries.label.textStyle.backgroundColor,设置为 'transparent'。 我之前把 backgroundColor 的位置写错了(刚才查了下 echarts-gl 的配置项手册,才发现 bar3D 和 bar 的不一样)
夜***伤(2021-08-03 07:04:10 )
对
#6版本
说:
请问怎么调整图的位置啊?默认的太靠右边了一些
Z***8 回复 夜***伤(2021-09-18 03:37:53 )
对
#6版本
说:
这个饼图其实是在一个 grid3D 里的。 所以可以在这后面,配置 grid3D 的位置、大小: // 准备待返回的配置项,把准备好的 legendData、series 传入。
流***e(2021-06-22 02:41:30 )
对
#6版本
说:
用echarts的方法设置渐变色没用,而且会导致扇形块无法渲染,有什么解决方法吗
Z***8 回复 流***e(2021-09-18 03:33:20 )
对
#6版本
说:
可以看下 echarts-gl 的 surface 的渐变色实现,比如这个: https://echarts.apache.org/examples/zh/editor.html?c=sphere-parametric-surface&gl=1 是基于 x、y、z 轴坐标值做的。
Z***8 回复 Z***8(2021-09-18 03:36:30 )
对
#6版本
说:
加在这后面(大概270行) // 准备待返回的配置项,把准备好的 legendData、series 传入。
流***e(2021-06-22 01:34:17 )
对
#6版本
说:
请问能给图表每块扇形块之间设置间距吗?不让每块都紧挨着
Z***8 回复 流***e(2021-09-18 03:27:16 )
对
#6版本
说:
// 计算选中效果分别在 x 轴、y 轴方向上的位移(未选中,则位移均为 0) let offsetX = isSelected ? Math.cos(midRadian) * 0.1 : 0; let offsetY = isSelected ? Math.sin(midRadian) * 0.1 : 0; ----------------------- 这块有个设置初始位移的,试试把冒号后的 0 换掉,换成冒号前那个, 「* 0.1」 改成「 * 0.01」
雎***(2021-05-28 02:46:44 )
对
#5版本
说:
如果数据都为0没有平分
176******85(2021-04-08 02:59:28 )
对
#5版本
说:
那位仁兄有在vue项目中用到吗?源码可以分享给我吗?
夜***伤 回复 176******85(2021-08-03 07:04:48 )
对
#6版本
说:
老哥有在vue中使用吗?
Z***8 回复 176******85(2021-05-24 06:56:37 )
对
#5版本
说:
https://zhuanlan.zhihu.com/p/342424311 之前做的一个尝试(不会 VUE,所以可能比较粗糙)
等***L(2020-12-15 07:21:28 )
对
#5版本
说:
你好,请问lable怎么显示?
Z***8 回复 等***L(2021-01-02 16:33:35 )
对
#5版本
说:
surface 不支持 label,所以,暂时只能想到一个凑合的办法,固定显示几个 3D 饼图数据的 tooltip(surface 的多个提示框)……没有 labelLine 的 label。(目前只是想到思路,没有实际验证)
感***o(2020-10-28 04:26:06 )
对
#5版本
说:
你好可以自动循环播放吗
Z***8 回复 感***o(2020-11-05 00:56:27 )
对
#5版本
说:
你好,是想用 grid3D.viewControl.autoRotate 这个配置,让饼图(其实就是所在的 3D 直角坐标系)自动旋转吗? 我试了,可以的
w***少(2020-09-03 06:53:47 )
对
#5版本
说:
能单独调每一块内容的高度吗..有高有低的那种
Z***8 回复 w***少(2020-09-03 07:26:53 )
对
#5版本
说:
你们都太有想法了~ 把 z:function(u, v) { } 里面的返回值,都乘以一个系数就可以,然后这个系数作为 getParametricEquation 函数的入参传进来。(当然后面那些高亮、放大效果也得跟着改一下)
w***少 回复 Z***8(2020-09-04 01:28:21 )
对
#5版本
说:
谢谢,我搞出来了.. 只需要 z: function 最后一个 return 等于1的时候乘以一个系数就行了,完美解决
Z***8 回复 w***少(2020-09-04 03:15:38 )
对
#5版本
说:
?
w***少 回复 Z***8(2020-09-03 07:50:48 )
对
#5版本
说:
...我太菜了,没有搞明白,有代码说明吗
Q***r(2020-08-10 01:27:37 )
对
#5版本
说:
请问有源码可以查看吗,感谢
Z***8 回复 Q***r(2020-08-10 03:09:43 )
对
#5版本
说:
源码就在左边啊~
代码修改记录
#7
2021-12-28 05:58:06
由
Z***8
在
#6
基础上修改
#6
2021-06-12 18:39:16
由
Z***8
在
#5
基础上修改
#5
2020-08-06 09:17:51
由
Z***8
在
#4
基础上修改
#4
2020-08-06 09:11:56
由
Z***8
在
#3
基础上修改
#3
2020-08-06 08:57:04
由
Z***8
在
#2
基础上修改
#2
2020-08-05 13:47:10
由
Z***8
在
#1
基础上修改
#1
2020-07-29 08:29:23
由
Z***8
在
#-1
基础上修改
代码对比
使用的第三方脚本
/dep/echarts-gl@1.1.2/echarts-gl.min.js
扫码下载案例 - 本地运行调试
×
案例内资源下载:https://www.makeapie.cn/资源地址
第三方脚本
Ai代码助手
下载案例
运行
5.5.1
5.5.1-rc.1
5.5.0
5.5.0-rc.2
5.5.0-rc.1
5.4.3
5.4.3-rc.1
5.4.2
5.4.2-rc.1
5.4.1
5.4.1-rc.1
5.4.0
5.4.0-rc.1
5.3.3
5.3.3-rc.1
5.3.2
5.3.2-rc.1
5.3.1
5.3.1-rc.1
5.3.0
5.3.0-rc.1
5.2.2
5.2.1
5.2.0
5.1.2
5.1.1
5.1.0
5.0.2
5.0.1
5.0.0
5.0.0-rc.1
5.0.0-beta.2
5.0.0-beta.1
5.0.0-alpha.2
5.0.0-alpha.1
4.9.0
4.8.0
4.7.0
4.6.0
4.5.0
4.5.0-rc.2
4.5.0-rc.1
4.4.0
4.4.0-rc.1
4.3.0
4.3.0-rc.2
4.3.0-rc.1
4.2.1
4.2.1-rc.3
4.2.1-rc.2
4.2.1-rc.1
4.2.0-rc.2
4.2.0-rc.1
4.1.0
4.0.4
4.0.3
4.0.2
4.0.1
4.0.0
3.8.5
3.8.4
3.8.3
3.8.2
3.8.1
3.8.0
3.7.2
3.7.1
3.7.0
3.6.2
3.6.1
3.6.0
3.5.4
3.5.3
3.5.2
3.5.1
3.5.0
3.4.0
3.3.2
3.3.1
3.3.0
3.2.3
3.2.2
3.2.1
3.2.0
3.1.10
3.1.9
3.1.8
3.1.7
3.1.6
3.1.5
3.1.4
3.1.3
3.1.2
3.1.1
3.0.2-beta3
3.0.2-beta2
3.0.2-beta1
3.0.1
3.0.0
3.0.0-beta4
3.0.0-beta3
3.0.0-beta2
3.0.0-beta1
2.2.8
2.2.7-beta7
2.2.7-amd-beta2
2.2.7-amd-beta1
2.2.1-amd-beta1
运行版本:^
4.9.0
Tips:如不显示可切换版本试试
Console调试
Console调试
QQ/微信交流群
×