我可以使用哪个图表来创建带有 D3.js 的 XY 范围图表，例如血压图表

【问题标题】：Which chart can I use to create XY range chart with D3.js like Blood Pressure Chart我可以使用哪个图表来创建带有 D3.js 的 XY 范围图表，例如血压图表
【发布时间】：2014-07-12 21:17:18
【问题描述】：

我想创建一个像这里给出的图表 http://www.bloodpressureuk.org/BloodPressureandyou/Thebasics/Bloodpressurechart 使用 D3.js，利用现有库或任何其他 HTML5 javascript 库。 UI 似乎类似于 Treemap 图表，但它没有绘图功能。我还想要一个可移动的图来选择 X，Y 坐标。请建议使用哪个图表库。

【问题讨论】：

标签： d3.js charts bar-chart data-visualization nvd3.js

【解决方案1】：

我能够使用 ZingChart javascript 图表库创建一个类似的图表。它可以在 HTML5 Canvas 中呈现。

http://zingchart.com/playground/run/53c402eb868c5

最初考虑按照您的建议使用钢琴图表/树形图。但最有意义的实际上是使用带有阶梯状的面积图来表示彩色血压区域。然后我在顶部应用了一个散点图来绘制血压数字。这种方法也适用于其他图表库。

可以使用节点拖动插件-http://www.zingchart.com/playground/presentation/category/4/ 使绘图可拖动但我不确定您选择 x/y 坐标并移动它们的请求是否适用于血压用例。

我是 ZingChart 团队的一员，如果您对此演示有任何疑问，请随时与我们联系。

【讨论】：

谢谢，这就是我要找的。span>