我已经检查了这个问题和这个问题,并使图表能够水平滚动,但它的高度也增加了,现在它也可以垂直滚动。如何使图表能够水平滚动而不垂直扩展?
HTML
<div class="chartWrapper">
<div class="chartAreaWrapper">
<div class="chartAreaWrapper2">
<canvas id="canvas"></canvas>
</div>
</div>
<canvas id="myChartAxis" height="300" width="0"></canvas>
</div>
JS
var ctx = document.getElementById('canvas').getContext('2d');
window.myLine = new Chart(ctx, config);
var sourceCanvas = myLiveChart.chart.canvas;
var copyWidth = myLiveChart.scales['y-axis-0'].width - 10;
var copyHeight = myLiveChart.scales['y-axis-0'].height + myLiveChart.scales['y-axis-0'].top + 10;
var targetCtx = document.getElementById("myChartAxis").getContext("2d");
targetCtx.canvas.width = copyWidth;
targetCtx.drawImage(sourceCanvas, 0, 0, copyWidth, copyHeight, 0, 0, copyWidth, copyHeight);
CSS
.chartWrapper {
position: relative;
}
.chartWrapper > canvas {
position: absolute;
left: 0;
top: …Run Code Online (Sandbox Code Playgroud) 我已经安装了 Android Studio 3.1.4,但 Gradle(版本 4.4)未同步;它说:
Gradle 同步失败:内容长度分隔的消息正文过早结束(预期:27633912;已接收:12844960)