chartJS中心的文本导致死循环

Question

我已经尝试过

<div class="col-2 text-center">
    <canvas id="htmlChart"></canvas>
    <div class="chart-inner"><h5>34</h5></div>
</div>
<div class="col-2 text-center">
    <canvas id="cssChart"></canvas>
    <div class="chart-inner"><h5>34</h5></div>
</div>
<div class="col-2 text-center">
    <canvas id="jsChart"></canvas>
    <div class="chart-inner"><h5>34</h5></div>
</div>
<div class="col-2 text-center">
    <canvas id="jqueryChart"></canvas>
    <div class="chart-inner"><h5>34</h5></div>
</div>
<div class="col-2 text-center">
    <canvas id="reactChart"></canvas>
    <div class="chart-inner"><h5>34</h5></div>
</div>
<div class="col-2 text-center">
    <canvas id="nodeChart"></canvas>
    <div class="chart-inner"><h5>34</h5></div>
</div>

使用这些CSS

<style type="text/css">
    .chart-inner {
        margin-top: -100px;
        margin-bottom: 100px;
    }
    .chart-inner h5 {
        margin-bottom: 5px;
        margin-top: 27px;
        font-size: 20px;
        color: red;
    }
</style>

我一直得到无限循环

https://tmcabe.herokuapp.com/

我期望得到

<< img src =“ https://image.soinside.com/eyJ1cmwiOiAiaHR0cHM6Ly9pLmltZ3VyLmNvbS9ON3BUWk5FLnBuZyJ9” alt =“”>

有任何提示吗？

Answer 1

首先，我从未与chart.js一起工作过，所以如果我犯了错误，就不要让错误对我不利，而且几乎是凌晨5点，所以如果有些事情不清楚，我会有点头晕，请解决它。