起风了快回家了-CSDN博客

原创 Echarts制作游戏-经典俄罗斯方块

1.首先引入echarts.js<script src="//cdn.staticfile.org/echarts/4.8.0/echarts.min.js"></script>2.设置盒子app，并添加宽度和高度<div id="app" style="width: 100%; height: 43.5rem;"></div>3.利用echars绑定盒子id<script> var myCharts = document.getE

2021-10-08 10:12:09 850 3

原创 Echarts的x轴标签文本长度修改

问题描述我们在制作图表时，总会遇到下面这种由于x轴标签文本长度过长而导致显示不完整的问题解决方法方法一添加intervalxAxis: { type: 'category', data: ['开花沼泽1999.05', '像河与海1998.09', '画画的叶子1999.12', '风止意难平2000.01', '关掉星星1998.06'], axisLabel: { // 标签的显示间隔，0为强制显示全部，n为隔n标签显示一个标签 interval: 0 }}方法二竖直

2021-10-03 11:26:16 3401 1

原创 Echarts修改正负条形图x轴及标签负值为正值

效果如图：我们只需要进行一下操作即可首先通过xAxis.axisLabel，然后重写他的formatterxAxis: [ { type: 'value', axisLabel: { formatter: (value) => { if (value < 0) return -value //这里是针对取负值 else return value } } }]我们再找到series.label，然后重写

2021-10-03 10:17:16 1656

原创调用百度地图API进行当前位置定位失败解决方法

调用百度地图API进行当前位置定位失败解决方法有时候，我们在调用百度地图API进行地图设计时，总是会遇到当前位置定位失败，但是代码没有错误，但依旧报错或是定不了位。解决方法：需要调整代码方法顺序如下我们将位置定位的方法代码调整至创建地图方法之前// 位置定位var geolocation = new BMap.Geolocation(); geolocation.getCurrentPosition(function(r){ if(this.getStatus() == BMAP_STATU

2021-06-20 12:11:57 5749 4

原创 mui实现按钮事件改变问题

mui实现按钮事件改变问题1.普通按钮多次点击触发不同事件html<button type="button" class="mui-btn mui-col-sm-6 mui-col-xs-12" id="btncx">位置查询</button>jsvar isVisible = true;var btntr = document.getElementById("btntr").addEventListener('tap', function() { if (isVis

2021-06-20 11:57:12 189

原创修改vue项目的浏览器title标题和图标

修改vue项目的浏览器title标题和图标方法一直接打开index.html,并添加<title>起风了快回家了</title><link rel="icon" type="image/x-icon" href="图片路径">或<link rel="shortcut icon" type="image/x-icon" href="图片路径">方法二打开main.js文件，并添加Vue.directive('title', { inse

2021-05-16 19:30:32 487 3

原创 VS Code中Vue不能注释和格式化问题的解决方法

Vue环境的搭建与新建Vue项目Vue环境搭建1. 下载安装node.js安装node.js是为了使用其内置的npm工具。进入node官网选择自己与电脑匹配的版本下载，然后按照步骤一步步安装就好了，完成打开cmd命令行输入node -v,如果显示node的版本信息就说明安装成功了。2. 安装npm/cnpm打开cmd命令行，输入npm install3. 安装vue-cli脚手架...

2021-04-19 20:28:00 2304

原创安装vue-devtools配置中的各种问题及解决

安装vue-devtools配置中的各种问题及解决vue-devtools的安装从github上克隆或者下载压缩包并解压https://github.com/vuejs/vue-devtools在devtools路径下进入命令提示符输入npm install(npm i) 安装必要的一些依赖( 如果这一步报错的话，可以使用cnpm install)npm installcnpm install再输入 npm run buildnpm run build注：如果不执行这一步可能会导

2021-04-18 14:45:57 964 1

原创在Vue环境下实现Echarts

在Vue环境下实现Echarts前言想要在Vue的基础上实现Echarts，就需要对Vue进行环境配置，并使用正确的调用命令Echarts全局环境的配置(以下方法是在npm环境下进行。如果未安装，在项目命令行中输入npm init 即可)1. 方法一项目命令行下输入 npm install echarts --savenpm install echarts --save安装好后，将其导入main.jsimport echarts from 'echarts'最后需要将其挂载到Vue上

2021-04-18 13:54:10 1606 2

qq_45691307的博客