【D3.js数据可视化系列教程】--(十三)坐标轴

原文链接:https://blog.csdn.net/zhang__tianxu/article/details/11762825

1. 定义和创建X轴

  1. //定义X轴
  2. var xAxis = d3.svg.axis()
  3. .scale(xScale)
  4. .orient("bottom");
  5. //创建X轴
  6. svg.append("g").call(xAxis);

其中:

  • scale函数用来指定坐标轴的比例尺。
  • orient函数用来指定坐标轴的方位,可取值有leftrighttopbottom
  • 调用的时候任意的选择器call调用轴,或者xAxis(选择器)均可。

效果:

【D3.js数据可视化系列教程】--(十三)坐标轴

上一篇:chrome本地文件跨域


下一篇:D3 二维图表的绘制系列(二)基础柱状图