- 博客(18)
- 收藏
- 关注
原创 Highcharts 添加自动轮播提示框tooltip
完成效果:实现:1. 基本配置添加数据Data设置x轴信息添加数据共享的 tooltip 提示框(shared:true)<div id="container" style="min-width:400px;height:400px;"></div>var chart = new Highcharts.Chart({ chart: { rende...
2019-09-23 14:47:14
1894
转载 React PropTypes 的使用
文章摘抄自React 中文文档: 使用 PropTypes 进行类型检查1.React.PropTypes 自 React v15.5 起已弃用。请使用 prop-types 库代替;2.出于性能原因,propTypes 只在开发模式下进行检查。1. 安装yarn add prop-types2. 引用import PropTypes from 'prop-types';3. ...
2019-09-16 14:44:37
620
原创 CSS3 使用 animation 动画出现字体模糊
使用CSS3做了如下文字切换的效果,通过给元素设置 active 、 disappear class, 配合animation实现动画:animation 代码如下:@keyframes transfromAnimate { from { opacity: 0; transform:translate3d( 0, 16px, 0); } to { opa...
2019-08-29 09:50:56
3251
转载 Markdown数学公式语法
行内与独行行内公式:将公式插入到本行内,符号:公式内容公式内容公式内容,如:xyzxyzxyz独行公式:将公式插入到新的一行内,并且居中,符号:公式内容公式内容公式内容,如:xyzxyzxyz上标、下标与组合上标符号,符号:^,如:x4x^4x4下标符号,符号:_,如:x1x_1x1组合符号,符号:{},如:168O2+2{16}_{8}O{2+}_{2}168O2+2汉字、字...
2019-07-26 10:17:52
402
原创 D3.js 绘制地图
使用D3 V3版本绘制绘制效果图:准备工作: 3d立体柱状图的绘制绘制地图思路:绘制地图及地图投影;根据地图地理信息将柱状图放置到指定位置;根据scale计算出柱状图实际高度。...
2019-02-19 16:01:49
6567
4
原创 D3.js 绘制立体柱状图
绘制效果图如下:绘制思路:将立体柱状图拆分为顶部与侧面,并分别用 path 路径绘制。拆分后的顶部和侧边的绘制顺序如图所示: // 基础配置 const svgObj = { // svg画布大小 width: 300, height:300 } const width = 20; const height = 60; // 柱体高度 con...
2019-02-18 16:21:05
4296
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人