Javascript 为什么我的行号JS从中间开始？ 我试图在我的网页中添加一些JS图表，但是不知何故，这条线开始在图的中间。（无论有多少数据点）

见下文：

只有3个数据点，但线仅从最末端开始。即使有3个数据点，也只显示一个标签

有人知道为什么吗？谢谢

代码：

我如何称呼它：

    <div class="col-md-4 col-sm-6 col-xs-12">
          <div class="x_panel">
            <div class="x_title">
              <h2>instancecount </h2>
              <ul class="nav navbar-right panel_toolbox">
                <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                </li>
                <li class="dropdown">
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
                  <ul class="dropdown-menu" role="menu">
                    <li><a href="#">Settings 1</a>
                    </li>
                    <li><a href="#">Settings 2</a>
                    </li>
                  </ul>
                </li>
                <li><a class="close-link"><i class="fa fa-close"></i></a>
                </li>
              </ul>
              <div class="clearfix"></div>
            </div>
            <div class="x_content">
              <canvas id="instance_countChart" width="400" height="200"></canvas>
            </div>
          </div>
        </div>

实例计数

阅读文档并做一些实验后，不确定为什么会发生这种情况。如果我关闭XAxes，则该行将从头开始。但在Axis标签打开的情况下，我仍然无法正确获取它

   options: {
       scales: {
           xAxes: [{
               display: false
           }]
       }
   }

---

尝试使用短标签查看是否有效（例如

标签：['label 1'、'label 2'、'label 3']

）。我猜这是不对的​ 适合长标签，导致奇怪的溢出问题。

   options: {
       scales: {
           xAxes: [{
               display: false
           }]
       }
   }