小程序中使用echarts遇到的问题

公司最近要上一个小程序,一个从来没做过小程序的辣鸡瑟瑟发抖,然后组长直接就分给我了。没办法谁让咱是底层员工呢?(:好像跑题了。回归正题哈,这篇文章主要记录一下我用小程序中的echart遇到的坑 先看看设计稿长啥样 大概就是这样子的一个折线图表 先去把小程序版的echarts下载下来 ec-canvas,然后把ec-canvas复制到你的项目里面去,再配置一下模块的json文件,详细的文档在这里 echars-for-wexin,这里不多做阐述 问题: 1、图表中xAxis中name属性定义的文字大小在真机上和开发者工具中的大小不一样 解决方案: 在nameTextStyle中加一个空属性rich就好了,我也不知道是什么情况 - - xAxis: { nameTextStyle: { rich: {} } }, 2.1、当点击右下角数据点的时候tooltip会有一部分超出文档,以至于显示不全 解决方案: 我们在tooltip配置中新加入一个属性position值是一个函数,重新计算tooltip的位置,并返回一个新的位置数据 详细文档 position tooltip: { position( point: any[],...

使用urllib3爬豆瓣租房

了解 首先安装urllib3和beautifulsoup4 pip3 install urllib3 beautifulsoup4 引入urllib3和beautifulsoup4 import urllib3 from bs4 import BeautifulSoup 调用urillib3的PoolManager方法拿到http对象,然后使用request方法发送请求,这个方法会返回一个HTTPResponse对象 http = urllib3.PoolManager() url= 'http://www.baidu.com' header = { 'User-Agent': 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_3)...

JavaScript抽象语法树之代码生成

最近黑洞师傅师傅让我看一下AST,开始都不知道是啥,查了半天才知道是抽象语法树(abstract syntax tree ) (:菜哭了 前置: AST explorer 这个网站可以直接把js代码解析成AST @babel/types 生成代码的API 常见JavaScript解析器: @babel/parser esprima espree uglify-js 本文中我们将使用@babel/parser 开始了: 首先引入@babel/parser、@babel/types、@babel/generator这三个依赖 Yarn: yarn -D add @babel/parser @babel/types @babel/generator NPM: npm install -S...

Chrome Extension

最近刚入职了新公司,里面主要用TypeScript。Leader让我用TS写一个chrome的插件,昨天刚给Leader看了,今天总结一下。 #基础 Chrome插件主要由 manifast.json、popup、background、content 组成 manifast: 插件的入口文件 { "name": "Example", "version": "1.0", "description": "description", "icons": { "16": "images/get_started16.png", "32": "images/get_started32.png", "48": "images/get_started48.png", "128": "images/get_started128.png" }, "content_scripts": [ { "matches": ["<all_urls>"],...

php连接mysql的坑

环境: docker: 18.06.1-ce-mac73 php: 7.1.9 mysql: 8.0.13 Dockerfile: FROM php:7.1.9-apache RUN apt-get update RUN docker-php-ext-install pdo pdo_mysql docker-Compose: web: build: . links: - db ports: - 8888:80 volumes: - ./src/:/var/www/html/...