如果没有，需要在nvd3 multiBarHorizo​​ntalChart中进行垂直滚动。酒吧增加

Question

我正在使用NVD3获取multiBarHorizo​​ntalChart。我需要绘制相同的更多没有酒吧（大约100）。随着增加没有。对于条形，条形尺寸减小并调整到容器中。但是我要求条形尺寸是静态的，需要内部滚动条和Y轴

Answer 1

您手动拥有两个div并通过css调整

 <div class="outerdiv">
      <div class="innerdiv">
        <nvd3 options="options" data="data" class="inner"></nvd3>
      </div>
  </div>

DEMO

Answer 2

我已经实现了！有2个div：一个用于图表，y轴和图例，另一个用于x轴，从nvd3的svg中移除X轴并将其附加到单独的div。添加滚动到包含nvd3的svg的div。

d3.select("#forXaxis").append(function() {
				var xaxis=  d3.selectAll('.nvd3').selectAll('.nv-y').attr('transform', 'translate(10,0)').remove();
				console.log("Appending "+xaxis[0][0]);
				return xaxis[0][0];
			});

.chart-container{
			width:80%;
			height:500px;
		}
	

 <div class="chart-container">
		<div class="charter" style = "height:300px; width:500px; border:1px solid red;overflow-y:auto;"> 
			<nvd3 options="options" data="data"></nvd3>
		</div>	
		<div class= "for-xaxis"><svg id = "forXaxis" width="100%" height="80px"></svg></div>
	</div>