首页 > 解决方案 > 在 D3 图中用 2 个 Y 轴和一个 X 轴在角度 Js 中绘制散点图?

问题描述

散点图的要求是两侧有两个 Y 轴(分别为 y1 和 y2),中间有 x 轴。详细说明如下

  1. 需要用两个 y 轴绘制图形吗?

  2. 我需要有不同的符号来表示不同的轴

    例如-

    绘制名为路径 1 的图例项 - 粗点符号 - { (X,Y1),....etc }

    绘制名为路径 2 的图例项 - 三角形符号 - { (X,Y2),....etc }

绘图项目可能有许多路径,例如路径 1 和路径 2 ...路径 n。

注意 - 对于每条路径,我的要求是使用不同的符号来绘制。一条路径只考虑 X 和 Y1 轴,而另一些路径只考虑 X 和 Y2 轴的散点图

请找到如下示例图:-

示例图形图像

目前我选择了 D3.js 包进行开发,因为我的前端是 AngularJs(角度的第一个版本)。请任何人建议选择 D3js 是否会满足我的需要或任何其他软件包。

如何用两个不同的 YAxis 绘制不同的图?有人可以建议用对我有很大帮助的样本来绘制上面的图表吗

标签: javascripthtmlnode.jsangularjsd3.js

解决方案


推荐阅读