04 2023 档案

el-tree 的样式修改之旅
摘要：原始样式如下图： 我想要实现的样子如下图： 首先分析一下想要实现的效果图：1，想要从原始效果到效果图的样子都需要修改那些地方 2，都涉及到那些样式问题 其次简要说一下本人在实践中都遇到了那些样式问题： 1，修改el-tree中checkbox选中时的背景颜色，选中的时的对钩颜色 2，一级节点和二级节 阅读全文
posted @ 2023-04-11 16:50 安琪吖 阅读(3203) 评论(1) 推荐(1)
修改el-tree checkbox和文字大小
摘要：原始效果： 需求描述：默认效果如上图，想改变复选框的大小，方便使用者勾选，需要修改el-tree checkbox和文字的大小 <el-checkbox class="el-checkbox" label="" v-model="item.check" ></el-checkbox> 主要代码是cs 阅读全文
posted @ 2023-04-11 11:33 安琪吖 阅读(1550) 评论(0) 推荐(0)
实现echarts 十字辅助线
摘要：想要实现的效果如下图： 实现十字辅助线的主要代码如下： axisPointer: { type: 'cross', //xy轴十字架指示数值背景区域色 label: { backgroundColor: '#013976', }, } 阅读全文
posted @ 2023-04-04 15:10 安琪吖 阅读(1310) 评论(0) 推荐(0)
highcharts 3D圆环图y轴数据为0 的较多，会出现显示不出来的问题
摘要：问题的效果图如下： 问题原因：好像是数据位置重叠了 解决办法：没有找到比较合适的解决办法，最后选择了不显示值为0的，代码如下所示（主要代码已用红色背景显示）： plotOptions: { pie: { allowPointSelect: true, cursor: 'pointer', dataL 阅读全文
posted @ 2023-04-03 18:53 安琪吖 阅读(342) 评论(0) 推荐(0)
前端使用highcharts报错“Error: Highcharts error #13”
摘要：报错情况如下： 错误原因： 查找了下这个错误，图形容器无法找到，会导致报这个错误，两个页面都在使用同一个容器id时可能也会导致这样的问题，我遇到的是后者。。。。所以就改了一id然后就成功解决 如果是前者：建议 ： 检查一下界面文件路径，或者F12查看一下是否有对应的图形容器 阅读全文
posted @ 2023-04-03 18:40 安琪吖 阅读(1118) 评论(0) 推荐(0)
前端使用highcharts绘制3D圆环图报错 “this.chart.is3d is not a function ”
摘要：废话不多说直接上解决办法： 需要在main.js中添加如下代码： import highcharts from 'highcharts' import highcharts3d from 'highcharts/highcharts-3d' highcharts3d(highcharts) 阅读全文
posted @ 2023-04-03 18:35 安琪吖 阅读(168) 评论(0) 推荐(0)
vue 实现3D圆环图
摘要：效果图如下： 实现程序主代码如下： initOption() { let quantity = 0; // 总数 dataList.forEach((item) => { quantity += item.y; }); if (dataList.length<=2) { dataList.forEa 阅读全文
posted @ 2023-04-03 18:33 安琪吖 阅读(936) 评论(0) 推荐(0)