d3坐标轴

最新推荐文章于 2024-04-15 21:39:33 发布

宁00

最新推荐文章于 2024-04-15 21:39:33 发布

阅读量4k

点赞数

分类专栏： d3和svg 文章标签： d3

本文链接：https://blog.csdn.net/ning0_o/article/details/54948236

版权

本文详细介绍了如何使用d3.js库来绘制坐标轴，包括基本的坐标轴绘制，自定义坐标轴参数，设置坐标轴单位以及添加网格线的方法，是d3.js初学者的重要参考资料。

摘要由CSDN通过智能技术生成

1、绘制坐标轴

绘制svg

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

----------

var svg_w = 500,  // svg的宽度
    svg_h = 400,  // svg的高度
    g_left = 50,  // 坐标系离svg的左边距
    g_top = 50, // 坐标系离svg的上边距
    g_w = svg_w - 2 * g_left, // 坐标系的宽度
    g_h = svg_h - 2 * g_top;  // 坐标系的高度

// 绘制svg    
var svg = d3.select