Echo24_R-优快云博客

原创 uniapp uni-data-select下拉框组件被遮挡

代码调整样式，z-index: -1;如图，被遮挡且不能上下滑动。点击检查元素，找到这个元素。

2025-06-18 11:23:30 270

原创 hightcharts 3d饼图tooltip轮询(轮播)并高亮当前选中饼块

本文介绍了如何在Vue项目中封装一个3D饼图组件，并在页面中引用。组件pieCharts.vue使用Highcharts库实现3D饼图，支持数据动态更新、tooltip轮播、窗口大小调整等功能。通过props传递数据列表和配置项，如是否启用tooltip轮播及轮播间隔时间。组件在mounted时初始化图表，并在beforeDestroy时销毁图表以释放资源。轮播功能通过定时器实现，鼠标悬停时暂停轮播，移出时恢复。组件还支持3D效果和自定义颜色，适用于数据可视化场景。

2025-05-20 11:20:13 160

原创关于highcgarts 3d不同高度环形图或饼图在同一页面冲突导致饼图高度消失问题

本文介绍了如何在需求页面中使用Highcharts库绘制两个3D图表：一个3D饼图和一个不同高度的3D圆环图。核心代码展示了如何通过修改3D饼图的绘制过程来实现不同高度的圆环图。具体步骤包括：使用HighCharts.wrap方法覆盖translate函数，调整shapeArgs中的z、depth、alpha和beta参数，以及通过arc3dPath方法处理3D路径。为了避免饼图被覆盖变扁，只需在饼图的data中添加参数h:1即可。

2025-05-16 12:19:09 250