Ukrywanie etykiet na osi Y w Chart.js

Question

Potrzebuję ukryć etykiety na wykresie liniowym narysowanym przy użyciu biblioteki chart.js. Szukałem go, ale nie miałem szczęścia. Czy to może być ukryte?

Dzięki

Answer 1

można użyć opcji scaleShowLabels

• http://www.chartjs.org/docs/#line-chart-chart-options

Answer 2

rozwiązać go z nadrzędnych etykiet osi y szerokość

Chart.Scale.prototype.buildYLabels = function() { 
    this.yLabelWidth = 0; 
}; 

Answer 3

To ukryć etykiety w Y -Axis: (ale nie X-Axis)

scaleShowLabels: false, 

Answer 4

Dla wersji 2 można to zrobić za pomocą opcji Scales w konfiguracji globalnej.

var ctx = document.getElementById("log"); 
    var chart = new Chart(ctx, { 
     type: 'line', 
     options: { 
     scales: { 
      xAxes: [{ 
      display: false 
      }], 
      yAxes: [{ 
      display: false 
      }], 
     } 
     }, 
     data: { 
     labels: ['Item 1', 'Item 2', 'Item 3'], 
     datasets: [{ 
      fill: false, 
      borderWidth: 1, 
      data: [10, 20, 30] 
     }] 
     } 
    }); 

Answer 5

Aby ukryć tylko etykiety, w najnowszej wersji (2.3.0) z Charts.js, wyłączyć ticks tak:

options: { 
    scales: { 
     yAxes: [{ 
      ticks: { 
       display: false 
      } 
     }] 
    } 
} 

Answer 6

próbować ten jeden

var statDat = { 
    labels: ["January", "February", "March", "April", "May", "June"], 
    datasets: [ 
     { 
      fillColor: "rgba(255, 152, 0, 0.30)", 
      strokeColor: "#f26b5f", 
      pointColor: "#f26b5f", 
      pointBackgroundColor: "rgba(179,181,198,1)", 
      pointBorderColor: "#00fff5", 
      pointStrokeColor: "#f26b5f", 
      data: [203, 156, 99, 251, 305, 247] 
     } 
    ] 
}; 

var stats = document.getElementById('stats').getContext('2d'); 

var options = { 
    scaleShowLabels: false 
}; 

new Chart(stats).Line(statDat, options); 

Answer 7

To działało dla mnie z Chartjs v2.4.0

Chodzi o to, aby ustawić backDolarKolor na pełny przezroczysty. 255,255,255 jest biały, ale 0 ustawia go jako przezroczysty.

Następnie userCallback zwraca zawsze ciąg do opróżnienia.

Końcowym rezultatem są ukryte etykiety osi y.

ticks: { 
    backdropColor : "rgba(255,255,255,0)", 
    userCallback: function(value, index, values) { 
     return ""; 
    } 
    }