经历了为期半年的大规模底层重构和开发迭代，G2 4.0 终于和大家见面了。作为继 2017 年 11 月 22 日 G2 3.0 正式开源发布以来 G2 的第二次大版本发布，4.0 版本仍坚守着『打造数据驱动的高交互图形语法』的初心，在图形语法的基础上，新增了交互语法，同时在产…

色彩的应用作为数据可视化重要的部分，同样的数据，同样的图表类型，如果不同的人或者不同的公司做出来，有可能呈现的效果会截然不同，这其中的重要区别可能就是色彩的应用。Echarts不同的图表，都提供了一套默认的主题色，所以尽管我们不设置颜色，其呈现的效果也还是不错的。Echarts…

最近在做一个项目，技术栈为vue全家桶 + element-ui + echarts，打包后发现有1.44M，首屏体验很差。这能忍？果断开始优化。下面说说我是如何将一个打包后1.44MB的项目变成打包后只有0.42MB，性能提升70% 的。 vue-cli提供了一个很方便的查看…

云南省下面的各个市州向昆明市上报一些数据，要达到这种效果其实还是很方便的。具体实现过程如下：数据交换监控图为云南省下面的各个市州向昆明市上报一些数据，要达到这种效果其实还是很方便的。具体实现过程如下： 这一步很简单，只需要一个canvas绘图区即可。 需要注意的是，map这个d…

说明做项目的时候为了让数据展示的更加直观，总会用到图表相关的控件，而说到图表控件第一时间当然想到ECharts这个开源项目，而它不像iview、element-ui这些组件使用起来那么便捷，需要绕一个

用 ECharts 来画地图，用 three.js 来构建三维场景。只需要一百行左右的代码，就可以构造出一个可旋转，可点击的三维地球。

最近阿里正式开源的BizCharts图表库基于React技术栈，各个图表项皆采用了组件的形式，贴近React的使用特点。同时BizCharts基于G2进行封装，Bizcharts也继承了G2相关特性。公司目前统一使用的是ECharts图表库，下文将对3种图表库进行分析比对。 成…

结果均是以失败告终（不符合业务需求，改造难度大）。 调整一下心情，重新踏上甘特图组件调研之路 🤕，终于，被我发现了 Top 5 : Best free jQuery and JavaScript Dynamic Gantt Charts for web application…