D3.js制作二维坐标轴基本入门

polyfill

于 2017-07-10 17:23:14 发布

阅读量1.8k

点赞数

分类专栏： javascript d3-js 文章标签： d3 数据可视化

本文链接：https://blog.youkuaiyun.com/sinat_32266863/article/details/74931663

版权

这篇博客介绍了如何使用D3.js制作二维坐标轴。内容包括HTML结构、CSS样式和JavaScript脚本的编写，强调了D3.js的链式操作特性以及如何利用svg和g元素、line_generator函数以及缩放比例进行图表绘制。通过学习，读者可以理解D3.js在数据可视化中的基本用法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Html结构

<body>
<div id="container">
</div>
</body>

CSS样式

#container{
  background:#ddd;
  width:500px;
  height:250px;
}
path{
  fill:none;
  stroke:#4682B4;
  stroke-width:2;
}
.domain,.tick