Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/407.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在X轴上方缩放Y轴_Javascript_Html_Svg_D3.js_Charts - Fatal编程技术网

Javascript 在X轴上方缩放Y轴

Javascript 在X轴上方缩放Y轴,javascript,html,svg,d3.js,charts,Javascript,Html,Svg,D3.js,Charts,对于这个例子。如何将Y轴增加到X轴以上 main.append('g') .attr('transform', 'translate(0,0)') .attr('class', 'main axis date') .call(yAxis) 我应该对此行进行什么更改。attr('transform'、'translate(0,0)')?要执行此操作,您需要在另一个已转换的g元素上再次运行绘制图表的代码(减去线条绘制部分)。为了做到这一点,最简单的方法是将绘制图形的部分封装在一个函数中并调用两次

对于这个例子。如何将Y轴增加到X轴以上

 main.append('g')
.attr('transform', 'translate(0,0)')
.attr('class', 'main axis date')
.call(yAxis)

我应该对此行进行什么更改。attr('transform'、'translate(0,0)')?

要执行此操作,您需要在另一个已转换的
g
元素上再次运行绘制图表的代码(减去线条绘制部分)。为了做到这一点,最简单的方法是将绘制图形的部分封装在一个函数中并调用两次


完成演示。

你所说的“将Y轴也增加到X轴以上”是什么意思?就像图中的Y轴(附在问题后面)一样,Lars,所以你希望两个相同的绘图相互重叠,共享一个X轴?是的,Lars,但是顶部的绘图应该只有数据点,而底部的绘图保持不变,如JSFIDLE示例中所示。您需要再次运行相同的代码(减去线条绘图部分),并进行翻译。谢谢Lars。非常感谢:)正是我想要的。Lars我想把这个投影添加到顶部的图表中,而底部的图表保持不变。你能指导我如何实现这一点吗?基本上,我想用这样的东西来代替顶部的图表。只是不要调用我在不同容器元素上创建的两次函数,而是将你想要的图表添加到顶部。我可以添加图表LAR。但数据点也必须在图表上可见。我怎么得到这个?