javascript - d3 :Adding Axis like a Box

标签 javascript d3.js svg

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

最佳答案

您可以阅读这篇文章来添加多个轴。您应该创建新的轴生成器,并将 orient 指定为“right”,将 top 指定为“right”,最后调用它们。

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

编辑:

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

正如评论中提到的,您可以只添加两个行元素。看看这个 fiddle https://jsfiddle.net/a6o2hkfq/

引用:

关于javascript - d3 :Adding Axis like a Box,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51761430/

相关文章:

javascript - d3 DOM 中心点平移/缩放已关闭

javascript - 如何在React中打印base64格式的svg元素?

javascript - 使用 d3 拖动 SVG <g> 元素会导致闪烁问题

javascript - 优化 JQuery 中的每个循环

javascript - 使用正则表达式匹配多个 url 路径,包括正斜杠

javascript - d3 js 快速事件调用问题

javascript - 在 d3 或 javascript 中的 svg 圆区域内生成随机点

javascript - 如何使用 d3.js 在饼图切片附近显示工具提示?

javascript - 在移动设备/平板电脑上触摸时,Slick Slider 自动停止播放

c# - 来自 asp.net C# 页面的外部 javascript 文件