Echarts图标样式个性化设置，如x轴间距，y轴样式，图例自定义，提示框自定义，数据列悬浮高亮，坐标指示器背景渐变色等等

原文分为三部分, 在这里笔者将其整合为了一篇方便阅读. 该效果基于 D3.js, 主要使用到了 d3-selection. 如果对d3-selection的基本使用逻辑不太清楚可以参见 这篇文章. Step1 首先代码会随机生成一个字符串, 该字符以绿色进入画面. 1. 字符切…

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

D3 的全称是（Data-Driven Documents），顾名思义可以知道是一个被数据驱动的文档。听名字有点抽象，说简单一点，其实就是一个 JavaScript 的函数库，使用它主要是用来做数据可视化的。 D3 提供了各种简单易用的函数，大大简化了 JavaScript 操…

会继续更新中，敬请期待。

树图是很常用的图表，它有结点和子节点的结构。如果一个结点的子节点太多，我们通常会把它们先隐藏起来，在点击父节点的时候展开显示。为了美观和流畅，我们可以加上展开收起的动画。

公司最近在开发一个打标签平台，其中有个一功能模块就是对图片进行标注（例如将图片里的人、汽车进行标记），简单地来讲就是在图片加个形状（矩形、圆形。。），可以移动及大小设置。因为最近在学习D3,就想能不能基于D3来实现这个功能呢，然后就用D3实现了这个需求,下面是我测试的一个小de…

为什么好看的动画都在别人的项目？？ 这次给前端工友们收集了10+个高逼格加载动画效果！！复制就可以直接使用！！收藏等于学会！！