![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
小小路人甲
这个作者很懒,什么都没留下…
展开
-
Vue项目中Echarts实例化的时候如何共用一个js对象
1.近期在一个项目的开发中,在同一个页面需要创建多个echarts示例(类型相同,都是折线图),所以就想着创建一个js文件export default { title: { text: '' }, legend: { }, tooltip: { trigger: 'axis', axisPointer: { type: 'cross', label: { backgroundColor: '#283b56' }原创 2020-10-30 10:56:34 · 473 阅读 · 1 评论 -
JS动态给变量取名字
在前端开发中,经常会保存一些后端返回的数据,但是有时候我们需要将后端返回的某个字段当成变量名的时候,问题就来了,解决方法如下:方法:通过eval(在vue项目中使用该字段,会报错,不安全)通过数组,将下标当成变量名(不可取,当返回的字段不是数字,或者非常大的时候,会出错或占用大量的内存空间)将字段存入事先定义好的JSON对象中,键名为对象的值。// 假设后端返回的数据字段为:qwe1234let filed = 'qwe1234'let testObj = {}testObj[filed原创 2020-10-29 17:25:30 · 1127 阅读 · 0 评论 -
关于Echarts重新计算大小(resize)后,图标位置乱跑的问题
Echarts图标resize后,位置仍存在问题最近做项目的时候用到的Echarts图标,当浏览器窗口发生变化后,图表resize后会出现位置乱跑的情况(个人猜测可能是因为浏览器没有反应过来)。为了解决这个问题,可以在windows监听事件中设置一个定时器,延迟调用resize方法。代码如下:window.addEventListener('resize', function() { setTimeout(() => { this.chart.resize()原创 2020-08-21 16:47:47 · 1920 阅读 · 0 评论 -
ECharts饼状图legend显示Value所占百分比
ECharts饼状图legend显示Value所占百分比此项目基于Vue最近写项目碰到一个需求,需要在legend区域显示Value值所占比例,如下图所示。在查询官方文档的时候,虽然提供了格式化图例文本的回调函数:// 使用字符串模板,模板变量为图例名称 {name}formatter: 'Legend {name}'// 使用回调函数formatter: function (name) { return 'Legend ' + name;}但是此函数只能对name进行格式化原创 2020-08-19 23:41:11 · 16225 阅读 · 2 评论 -
Flex布局笔记
Flex布局1.布局原理采用 Flex 布局的元素,称为 Flex 容器(flex container),简称"容器"。它的所有子元素自动成为容器成员,称为Flex 项目(flex item),简称"项目"。当我们为父盒子设为 flex 布局以后,子元素的float、clear和 vertical-align属性将失效。伸缩布局 = 弹性布局 = 伸缩盒布局 = 弹性盒布局=flex布局总结flex布局原理: 就是通过给父盒子添加flex属性,来控制子盒子的位置和排列方式2. flex布局父原创 2020-08-14 17:43:07 · 266 阅读 · 0 评论