【 D3.js 入门系列 --- 5 】 如何添加坐标轴

标签：

 第3节中做了一个图标，但没有为它添加一个相应的坐标轴，这样不知道每一个柱形到底有多长。这一节做一个坐标轴。

    D3中的坐标轴都是以 svg 图的形式出现的，这也是为什么在第3节中要使用 svg 的方法做柱形图的原因。第4节里我们讲解了 scale （比例）的用法，在做坐标轴的时候也需要用到比例。第4节中，我们说到scale 是一个函数，这一节中的坐标轴也是一个函数，但是用法却有点不同，要注意。

    看下面的代码，我们分别定义数据，scale （比例），坐标轴：

    1-4行是定义数据和 scale （比例），关于比例的内容可看上一节。

    5-7是定义坐标轴：

• d3.svg.axis() 调用这个函数就会生成一个坐标轴的函数
• scale() 这个函数用于指定坐标轴的 scale （比例）
• orient() 这个函数用于指定坐标轴的分割点和数字的朝向，在哪个方向显示。 bottom 表示在坐标轴的下方显示。

【 D3.js 入门系列 --- 5 】 如何添加坐标轴

标签：

原文地址：http://www.cnblogs.com/js-wxf/p/5819672.html