d3:像盒子一样添加轴

时间:2018-08-09 07:44:26

标签: javascript d3.js svg

我有带有x轴和Y轴的d3图,我想在顶部和右侧添加轴以使其看起来像一个盒子。 像这样的东西。enter image description here

1 个答案:

答案 0 :(得分:1)

您可以阅读本文以添加多个轴。您应该创建新的轴生成器,并将orient设置为“正确”,并将top设置为“ {right}”,然后最终调用它们。

http://www.d3noob.org/2013/01/using-multiple-axes-for-d3js-graph.html

编辑:

我已根据您的要求制作了一个简单的折线图。看看https://jsfiddle.net/j0kaLf59/

也如注释中所述,您可以仅添加两个线元素。看看这个小提琴https://jsfiddle.net/a6o2hkfq/

参考: