1. 您所在位置：
  2. 网站首页
  3. 文档分类
  4. 计算机
  5. Web服务

Web前端高级工程师课程：D3.js柱状图绘制与交互技术详解.pdf

Web前端高级工程师课程：D3.js柱状图绘制与交互技术详解.pdf

    课堂目标

    熟练的使用d3绘制基础图表

    掌握d3中比例尺的用法

    可以用d3为图形添加鼠标交互和动画

    知识点综述

    •坐标轴

    •绘图区

    •鼠标

    •transition动画

    •缓动跟随

    坐标轴

    坐标轴的绘制需要比例尺。

    d3中的比例尺可以让我们自己建立一个坐标轴，并且可以将图表点位解析为像素点位。

    比例尺类型：

    •scaleBand分段比例尺，适用于类目轴

    •scaleLinear线性比例尺，适用于数值轴

    •

    坐标轴：

    •axisBottom刻度朝下的坐标轴

    •axisLeft刻度朝左的坐标轴

    •

    建立绘图区的

    您可能关注的文档

    最近下载

    文档评论（0）

    1亿VIP精品文档

    更多 >

    相关文档

    更多 >