javascript - 我的右轴被切断了……我该如何纠正它?

标签 javascript css svg charts d3.js

我正在创建一个带有右轴和左轴的 svg 图表。我创建了一个包含右轴和左轴的图表。但是,右轴被切断了。参见 my fiddle

我尝试过的:

  1. 我尝试将 .background 和 .plot 的宽度调整得更宽和更窄
  2. 我尝试将轴标签的 z-index 设置为 9999
  3. 我尝试通过将 .background 的宽度和高度设置为 90% 来放大 svg
  4. 我试过将文本标签向左移动,但随后它开始渗入绘图区域
  5. 我试过将 .background 的溢出设置为可见

我没主意了。有什么想法吗?

最佳答案

编辑 fiddle :http://jsfiddle.net/eWx4D/5/

我调整了宽度:

<g class="graph line-graph vertical">
<rect y="0" x="0" width="1000" height="301" class="background"/> 

我更改了 900 的宽度并添加了 1 像素的高度以覆盖流血的 bg ..

关于javascript - 我的右轴被切断了……我该如何纠正它?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15126233/

相关文章:

javascript - 如何在加载后的页面中执行 JavaScript?

html - 如何在两个 Bootstrap 列上获得相同的高度?

css - 在 SVG 中对齐文本

javascript - SVG 动画像蜗牛一样在路径上

javascript - 当旧浏览器不接受 jquery 时的替代方案

javascript - 删除对象文字中的事件监听器丢失此引用

javascript - 谷歌地图 react : Value of props passed by parent component

html - 为什么链接显示在下一行而不是同一行?

html - Bootstrap 列未正确对齐,AngularJS 循环

javascript - 如何用 PixiJS 渲染 SVG?