基于d3的带轴的柱线图


来源

https://iowiki.com/d3js/
https://www.d3js.org.cn/document/

总结

轴在左下角的对齐

纵轴比例尺渲染的最大高度 = 横轴在y方向的偏移量

横轴上刻度的间隔

本例中横轴使用的是离散比例尺,有padding()方法可以用来调整刻度间的间隔。

本例中使刻度的内外间隔保持一致。

csv数据

长这个样子

源码



  
    
    
    
    Document
  
  
    
    
  


D3