三原

前言 结合brush和zoom使用 效果图： code 解决通过zoom后brush影响框选算法问题 计算zoom后的坐标算法就是使用原始点的x乘transform的k，再加上transform的x,

前言 准备数据图形 效果图如下： code 开始绘制brush code 判断矩形是不是框选范围 把小矩形方块当作一个点 把框选矩形当作一个矩形（四个坐标已取到） 判断在不在矩形上（是不是大于左上角

前言 worker 特性检测 使用web worker 示例： web Worker应用 场景 总结： 可以看的出使用web worker得好处了吧，不阻塞线程并差不多在同一时间返回结果。 web w

前言 常用的events如下 click dblclick mouseover mouseout mousemove mouseleave mousedown mouseup contextmenu

前言 面临问题 简单回顾下数据绑定 1、渲染层： enter() （数据绑定会根据你绑定的值区分下次调用有咩有进入enter层） 2、修改层： data() （数据绑定会根据你绑定的数据绑判断你有没有

canvas拾取方案汇总 简介 当前流行的图表库的底层渲染层都是使用 Canvas 或者 SVG 。从功能上来说 SVG 的功能更全面一些，提供的接口更丰富，使用更简单，但是所有的渲染和拾取（点击获取

前言 效果展示 分析 柱状图也有坐标轴可以沿用之前的 折线图坐标轴方案 绘制出柱状图的柱子。 柱状图动画。 柱状图tooltip。 开始 先绘制出坐标轴 效果呈现： 总结：initCanvas()函数

前言 咱们这期就绘制一个折线图,那么咱们分析下绘制一个折线图需要什么？ 坐标轴（一个竖着和一个横着的） 来点网格线美观一下 折线图少不了曲线平滑的 如果再来个绘制连线的轨迹就更好了 好上面就是咱们要一

前言 对于前端来说过渡效果大家并不陌生：比如div1在{x：200, y: 200} 过渡到{x:500, y:500}这个运动动画的过程就是过渡。在d3js当然也是有动画的啊d3.transitio