// 线性渐变 需要手动添加  linearGradient 标签
// 径向渐变同理
function linearGradient(container, color1, color2) {
  var defs = container.append("defs");

  var gradient = defs
    .append("linearGradient")
    .attr("id", "linearColor")
    .attr("x1", "0%")
    .attr("y1", "0%")
    .attr("x2", "0%")
    .attr("y2", "100%");

  gradient
    .append("stop")
    .attr("offset", "0%")
    .style("stop-color", color1.toString());

  gradient
    .append("stop")
    .attr("offset", "100%")
    .style("stop-color", color2.toString());

  return gradient;
}

貌似没有

<div id="linechart">

  <svg>line chart is here</svg>

</div>

<div id="areachart">

  <svg>area chart is here</svg>

</div>

比如上面的两个div，分别对应了line chart 和 area chart，你首先给每个div定位好，那里面的svg就相对你的div定位了。应该是这样的，你可以试试