今年的11月初，我们公司参加了「2017年亚洲幼教年会(APEAC)」并取得了很不错的成果。本人有幸负责关于这次展示页的前端开发，特以此文记录开发过程中的关键环节。 展示页分为三大模块：数据展示、动态展示和地图展示。效果如下： 此模块展示我们公司至今为止的各项数据，通过异步请求…

GitDataV，是一个github“大数据可视化平台”，通过它你可以更直观的看到你在github里的一些数据，（之所以打双引号，是因为我觉得这个还没到大数据可视化的程度）。其实我在 上篇文章 分享的时候已经提到了这个想法，通过github提供的接口，做一个自己的“大数据分析页…

突然接到产品说要做一个数据监控的系统。有线图、柱状图、地图，类似于数据可视化的方式。 支持用户名、密码登录，默认显示一个维度数据，然后点击可钻取进入第二维度数据，再点击进入第三维度数据展示。 大致估摸着。。。 当然这不是要2周内，全做完。应该是完成步骤6。 相对于公司就我一个前…

D3与众多其他库的区别在于无限定制的能力（直接操作SVG）。 它的底层API提供对原生SVG元素的直接控制，但它也带来了高学习曲线的成本。 我们将把D3和Vue结合在一起 - 使用Vue的动态数据绑定，清晰的语法和模块化结构，可以充分发挥D3的最佳性能。 绝大部分的D3课程或书…

数据可视化案例总结tip：项目用的Vue其实React也差不多Echarts案例一为Echarts创建一个具备高宽的DOM容器id必须唯一，这样设置由于项目中有多个图表单一的图表可以自己随便设置准备好

效果图 准备工作 高德地图申请key 安装Echarts 中国地图 官方API：点我进入 创建AMap.js 安装Echarts 开始使用 创建组件 distribution.vue 写入Echart

大家好呀，我是一个前端小倒霉蛋wangly。 近期一直忙于业务开发，和复习知识点，就没有更新文章。刚好最近业务上做了一个地图的下钻和原点图。就将它写成一篇文章吧。与诸君共勉。当然，如果最近的项目中需要制作这个功能。也可以直接clone代码。根据自己的需求实现相应功能。 这次就以…

最近2个月没有写东西，因为准备了个考试，周六刚刚解脱，回过头来把这两个月做的东西发一下。主要把用到的一部分Echarts的可视化展示，结合之前用G2做的来把做过的图形化的东西分享一下。（本文取自实际代码结合重点注释） 首先，地图json数据，可以在http://datav.al…

在近期的项目中，有大量处理可视化数据的需求。说起这个，相信很多同学跟我一样，都会想到用 Echarts 来实现。没错，Echarts 拥有高度可定制化的配置，以及非常详尽的开发文档，并且它的最新版已经更新到了 v4.3。 不过，也是因为 Echarts 的开发文档过于庞杂，对于…