这是一个国外大佬在其公司峰会的代码竞赛中写的一个库：react-dynamic-charts，用于根据动态数据创建动态图表可视化。 它的设计非常灵活，允许你控制内部的每个元素和事件。使用方法也非常简单，其源码也是非常精炼，值得学习。 但因其提供了不少API,不利于理解源码。所以…

然后在浏览器里面预览和编辑, 最后再选择一些数据,用echarts生成报表. 然后再监听 FileReader 对象的 onload 事件 , 在 onload 事件 的回调函数中,我们可以获取到 读取的二进制数据. FileReader.readAsArrayBuffer()…

本文介绍如何从头绘制一个业务图表以及对于通用性上的一些思考。代码在最后也会给出。 要画图，当然是先找找看有没有能够直接拿来用的。我需要绘制的是一个类甘特图。主要是为了做时间基线上的任务耗时管理，并且能够与过往耗时进行对比。与传统的甘特图定义有些区别。长相上与甘特图类似。 找了A…

咱使用 Vue + ECharts + ElementUI 来打造份在线个人简历，并将它部署到 GitHub Pages 上来展示吧！

本文是在上一篇的基础上介绍一些常用的处理excel数据的方法，旨在为遇到类似需求的时候为大家提供解决方案。 这些方法都是本人在项目实践中使用的，如有更好的方法或者不同的见解欢迎提出，共同学习探讨。 数组的第一项为表头的标题。 构建getExcelKeys方法，得到所有表头数据，…

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

实现数据监控的系统。有线图、柱状图、地图，并具有定时刷新的功能。 上一篇介绍了 1-6 部分。本篇将介绍一下剩下的 7-10 部分。 主要内容是 对数据的处理方式 和 整体的数据逻辑 。 望各位看官多提 建议和不足 哈，也希望能本篇能给需要人带来 启发。 成品效果图不方便发，还…

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

前端的学习，不能仅仅依靠知识点的学习，实战项目的操作可以帮助我们整理知识点以及提高编程能力，更有助于学习和实践，最重要的是提高自己的项目经验，对于找工作而言有着大大的帮助。 作者用心之作，请动动你可爱的小手点亮大拇指。你的鼓励是作者继续创作的动力... 一个基于Vue前端框架和…