本文例子也以Taro代码为示例，如果你用小程序语言、uni-app等框架也不用担心，因为原理是一样的。 一、理解设计原理 问题的关键在于“如何判断第一次打开”，有两种方法： 1、打开页面后本地存一个flag到session； 2、和服务器交 ...

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

首先 要知道当前元素的宽 将文字放到一个容器中，将容器的样式（主要是有关字体的样式）都设置为当前元素的样式，然后获取容器的宽，也就是文字的宽 如果文字的宽度超过了当前元素的宽度，则给溢出隐藏的css样式 overflow :hidden;t ...

<p>1.先创建一个工具组件 EllipsisTooltip</p><p>import React, { PureComponent } from 'react'</p><p>import PropTypes from 'prop-type ...

最近爆发的武汉新冠病毒疫情严重，大家可能每天都在查询疫情情况，或者在朋友圈看到中国疫情地图。作为技术宅，这个疫情图是怎么实现的呢？ 今天就来教大家如何零代码实现中国疫情地图，简单实用，记得收藏哦，先上实现的效果图。 疫情图.png 看到这个 ...

第一步，安装 npm i v-viewer -S 第二步，main.js引用 import Viewer from 'v-viewer' import 'viewerjs/dist/viewer.css' Vue.use(Viewer) V ...

最近每天早上醒来第一件事就是看看当天新增人数是否减少了，出院了多少，每个省目前还有多少确诊人数，见到最多的就是中国地图的分布图，由于工作需要，自己也使用echarts实现了一个。效果如下： image.png 一：认识echarts ECh ...

1.jpeg G2 是一套面向常规统计图表，以数据驱动的高交互可视化图形语法。 经历了为期半年的大规模底层重构和开发迭代，G2 4.0 终于和大家见面了。作为继 2017 年 11 月 22 日 G2 3.0 正式开源发布以来 G2 的第 ...

1、垂直对齐 如果你用CSS，则你会有困惑：我该怎么垂直对齐容器中的元素？现在，利用CSS3的Transform，可以很优雅的解决这个困惑： .verticalcenter{ position: relative; top: ...

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