在 chart.js 条形图上限制标签答案

【问题标题】：Limit labesl on chart.js bar chart在 chart.js 条形图上限制标签
【发布时间】：2018-07-18 17:05:21
【问题描述】：

我将 x-axis 标签限制为 5 个，我使用了 showXLabels: 5 但它不起作用。我正在使用Chart.bundle.jsversion 2.7.2

代码

<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.bundle.js"></script>
</head>
<body>
<canvas id="col_chart"></canvas>
<script>
var savingCanvas = document.getElementById("col_chart");
var savingData = {
  label: 'Data',
  backgroundColor: "rgba(51,204,255,1)",
  data: [5427, 5243, 5514, 3933, 1326, 687, 1271, 1638]
};

var barChart = new Chart(savingCanvas, {
  type: 'bar',
  showXLabels: 5,
  data: {
    labels: ["1", "2", "3", "4", "5", "6", "7", "8"],
    datasets: [savingData]
  }
});
</script>
</body>

你们能帮帮我吗？

【问题讨论】：

标签： javascript css canvas charts chart.js

【解决方案1】：

showXLabels 是 not documented。您在哪里找到此选项？

您使用Category X 轴创建图表。因此，Chart.js 只是呈现提供的标签和数据。限制为 5 个的唯一方法是将您的 labels 数组减少到 5 个元素。

Linear 轴具有 maxTicksLimit 属性，但这不适用于此处。

【讨论】：