Fullpage.js与charts.js的兼容性

Question

我正在使用charts.js和fullpage.js

我认为导航点将我的图表向左推。有没有办法删除它？

CSS

.section {
text-align: center;
}

.content {
    height: 100%;
    margin: 10%;
}

 #canvas {
    width: 500px;
    height: 500px;
    text-align: center;
}

h1 {
padding-top: 2%;

}

.chart {
    height: 90%;
    width: 90%;
}

HTML

<div id='fullpage'>
<div class='section' id='section0'>
    <div class='slide'>
        <div class='content' id='benchmark'>
            <h1>Performance vs Benchmark</h1>
                <div class='chart'>
                    <canvas id='canvas'></canvas>
                </div>
        </div>
    </div>
</div>
</div>

此外，在全页CSS中，我将导航箭头设置为display：none，但是当我包含图表时它们会出现（否则会隐藏它们）。

谢谢。