先上效果图 <div class="image-container" style="max-width: 383px ...

先上效果图 <div class="image-container" style="max-width: 383px ...

先上效果图 <div class="image-container" style="max-width: 383px ...

正常情况下添加柱状图后，需要hover的时候显示每个柱子的值，可以通过在tooltip下面的formatter方法实现，formatter的参数params为某个柱状图的数组，如果同时存在柱状图和折线图，那么此时params是一个数组 ...

<div class="image-container" style="max-width: 700px; max-height: 3 ...

摘要 本期精读文章以一个简单的例子，抽丝剥茧细数讲述如何面向用户可视化设计，探索用户最终的目的，化繁为简，化多为少，揉和 N 张图至一张图，并传达更多的深意。本文原文：http://www.story ...

<div class="image-container" style="max-width: 632px; max-height: 4 ...

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

一个纯CSS实现的球体动画效果： 经过研究上面的效果实现起来大致可以分为五个步骤，下面就来一一介绍。 1.使用Jade和SCSS生成一个圆圈 创建一个圆圈的第一步是生成所有组成圆圈的粒子。有了Jade，我们不用一个一个的写出200个div。 ...

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