Jquery 在chart.js中，如果从手机访问，是否可以隐藏条形图的x轴标签/文本？

在chart.js中，如果从手机访问，是否可以隐藏条形图的标签/文本

---

我想隐藏/删除x轴上的标签，如“一月”、“二月”等。

我添加了一个新选项

---

showXAxisLabel:false

最简单的解决方案是：

scaleFontSize:0

---

请参阅我通过将标签定义为空字符串列表而解决的问题。例如：

var data = {
    labels: ["", "", "", "", ""],
    datasets: [{
        label: "TEST",
        fillColor: "rgba(220,220,220,0.2)",
        strokeColor: "rgba(220,220,220,1)",
        pointColor: "rgba(220,220,220,1)",
        pointStrokeColor: "#fff",
        pointHighlightFill: "#fff",
        pointHighlightStroke: "rgba(220,220,220,1)",
        data: [10, 20, 15, 8, 22]
    }]
};

为此，您需要标签在工具提示框中不相关。我对我的定义如下：

tooltipTemplate: "Latency: <%=value%>"

ToolTiptTemplate:“延迟：”

您可以像这样扩展当前条形图并删除XLabel

function registerCustomBarChart() {
    Chart.types.Bar.extend({
        name: "customBarChart",
        initialize: function (data) {
            Chart.types.Bar.prototype.initialize.apply(this, arguments);
            var xLabels = this.scale.xLabels
            xLabels.forEach(function (label, i) {
                    xLabels[i] = '';
            })
        }
    });
}

---

var myBarChart=新图表（上下文）。customBarChart（数据）
他们添加了该选项，2.1.4（可能稍早一点）有它

Charts.js提供了响应性图表
其中有
onResize
方法。它被传递了两个参数：图表实例和新的大小。如果您将两者都登录到控制台，您将看到完整的图表实例，其中包括控制图表实例的所有常规选项
scales

我将其添加到
条形图
实例上的
选项
对象中，这样X轴在调整到768 px的宽度时消失，然后出现在调整回桌面屏幕大小的屏幕上。
Bar
实例是React-chartjs-2库提供的Chart.js React包装器

<Bar
  data={barData}
  options={{
    // default value
    responsive: true,
    onResize: function(newChart, newSize) {
      console.log('newChart:', newChart);
      console.log('newSize:', newSize);

      if (newSize.width < 768) {
        newChart.options.scales.xAxes[0].display = false;
      } else {
        newChart.options.scales.xAxes[0].display = true;
      }
    }, ...

我想你指的是x轴，如果你是关于底部的数据集标签是的，我指的是x轴，可能吗，在chart.js或chartNew.js中添加一些细节来支持你的答案。指向外部资源的链接将来可能会过期。使用chartnew.js，您可以隐藏y轴标签等，这比chart.js更先进。我编辑了一个生成图表代码的站点（）。使用chartnew.js的实时预览，这可能会非常棒。但是我需要更多的信息。这会隐藏x和y。我相信我试过了，它会在chrome浏览器页面上崩溃
<Bar
  data={barData}
  options={{
    // default value
    responsive: true,
    onResize: function(newChart, newSize) {
      console.log('newChart:', newChart);
      console.log('newSize:', newSize);

      if (newSize.width < 768) {
        newChart.options.scales.xAxes[0].display = false;
      } else {
        newChart.options.scales.xAxes[0].display = true;
      }
    }, ...