小编Tah*_*Ali的帖子

如何使图表水平滚动(使用 Chart.js 时)

我已经检查了这个问题这个问题,并使图表能够水平滚动,但它的高度也增加了,现在它也可以垂直滚动。如何使图表能够水平滚动而不垂直扩展?

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)

html javascript css chart.js

3
推荐指数
1
解决办法
1万
查看次数

Gradle 同步失败:内容长度分隔的消息正文过早结束(预期:27633912;已接收:12844960)

我已经安装了 Android Studio 3.1.4,但 Gradle(版本 4.4)未同步;它说:

Gradle 同步失败:内容长度分隔的消息正文过早结束(预期:27633912;已接收:12844960)

进程名称

错误

构建.Gradle

gradle android-studio

2
推荐指数
1
解决办法
5743
查看次数

标签 统计

android-studio ×1

chart.js ×1

css ×1

gradle ×1

html ×1

javascript ×1