本篇文章主要介绍了d3.js实现自定义多y轴折线图的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

前言 需求是实现一个生命体征的体温单，x轴是时间线，y轴有多个体征项。效果不是特别复杂，但是行业特殊性，所以也没有现成可用的，所以用 d3.js 实现了一个多y轴的折线图。 基础 这张图只用了d3.js的一些最基本用法，数据量也比较小，所以也用不到多么牛逼的用法，只涉及到了比例尺 scale ，轴 axis ，画线和点，最后我添加了一个缩放效果。 效果 在线预览 具体实现 1.初始化一个svg作为容器，之后所有的点线面都是在这个容器里边画了 svg.select('#id') .appe