SVGTextElement.getComputedTextLength() ==> 这个是得到 宽 的函数，貌似没有得到 高 的函数...(我把 SVGTextElement 的所有属性都打印出来了，貌似也没找到对应的计算高的函数)

弧线 {代码...} tree-layout 在线查看 {代码...} 注意 3.v3 和3.v4版本的变化 可收缩思维导图 【 D3.js 高级系列 — 10.0 】 思维导图 在线效果

代码地址 d3 lessions 简单垂直柱状图标 {代码...} {代码...} 我们根据实际开发，使用数据文件生成图表 {代码...} 网格柱状图表 相关d3知识点 柱状图的绘制； 坐标轴的绘制； D3的轴组件是为D3的quantitative, time 和 ordinal 标度所设计的 SVG-Axes（坐标轴） {代码...} 刻度的绘制； 网格线的绘制； 简单的事件；

github仓库 戳这里 镜心的小树屋 不用svg {代码...} 用svg 效果 代码 {代码...} {代码...} 注意 d3.v3版本 ： d3.scale.linear()d3.v4版本 ： d3.scaleLinear()参考[链接][链接] [链接][链接]D3.js柱状图例子

{代码...} {代码...} {代码...} 稍稍对上面的代码改变 就能得到面积图标 参考 使用D3制作图表D3 API Reference