使chartjs在x轴上滚动

Question

我想使chartjs图在x轴上可滚动，但只能在cavas上滚动。我已经尝试过此解决方案，但可使所有div滚动。

<div class="chartWrapper">
    <div class="chartAreaWrapper" id="chartAreaWrapper">
        <canvas id="chart-hora" height="500" width="1200"></canvas>
    </div>
</div>

.chartWrapper {
    position: relative;
}
.chartWrapper > canvas {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events:none;
}
.chartAreaWrapper {
   width: 600px;
   overflow-x: auto;
}

我正在移动应用程序上显示此图表，因此我只希望画布可滚动，而不希望使视图可滚动的整个div。

Answer 1

将canvas放置在div内，然后如下所示定义其width。还请确保在包装的overflow: auto元素上定义CSS div。