No.1前言由于本人在这段时候，看到了一个叫做树莓派的东东，初步了解之后觉得很有意思，于是想把整个过程记录下来。No.2树莓派是什么？Raspberry Pi(中文名为树莓派,简写为 RPi，(或者 RasPi / RPI) 是为学习计算 ...

使用echarts画排名信息，可以保证在固定大小的容器中完美展现，不会出现文字和图画越界问题。 效果图： image.png /** * 画占比图 * @param {String} container 容器 ...

在一些柱状图数据比如天气数据、男女比例等信息，在轴线上面加上图片可以更直观的查看数据。 效果图： image.png /** * 画轴线带图片的柱状图 * @param container 容器 * @ ...

第一部分：编辑器层面的准备工作一、vscode1、插件安装（3个）eslint：让代码不符合约定规范时，能有红线提示prettier：使得开发者使用快捷键（mac: shift+option+f，windows: shift+alt+f）格 ...

<p>平时用图表可能都是常规的折线图，柱状图，饼图这些基本的。</p><p>下面的是一个漏斗图 + 象形柱图写出来的图表。</p><p>完成后的图表，关键是右半边</p><p>漏斗图很简单，只讲下象形柱图里的几个关键点（因为这里的用法有点特 ...

Unsplash 在日常开发中，每个人的代码编写习惯都不尽相同，比如有的人喜欢在代码末尾加上分号，而有的人不喜欢加，在个人开发的项目中这并不是什么严重问题。但在团队协作开发时，我们往往需要阅读其他人所写的代码，此时没有一个统一完整的代码规 ...

angular7中引入中国地图 最近项目中需要做一个数据大屏，用中国地图散点图展示一些数据， 图表用的是echart4.2.1，angular版本是7.1.0 下面简要介绍一下实现过程： 第一步： 在angular.json中引入china ...

@vue/cli 脚手架 简介 脚手架 是一个工具 脚手架 帮助我们 创建一个基本的项目结构 1. @vue/cli 脚手架 的 安装 【只需要安装一次】 npm i -g @vue/cli 2. 使用 脚手 ...

最近项目有个月报分析，里边用到了柱状图，堆叠图，环形图，饼图，折线图这几种基本图表。 自己封装的chart组件： <!-- 图表组件--> <template> <div :id="echartId" :class="classNa ...