Скрытие меток по оси y в Chart.js

Question

Мне нужно скрыть ярлыки в линейной диаграмме, нарисованной с использованием библиотеки chart.js. Я googled но не удача. Может быть, это спрятано?

Благодаря

Answer 1

вы можете использовать опцию scaleShowLabels

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

Answer 2

решаемые его временной отмены меток по оси Y ширина

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

Answer 3

Это будет скрывать метки в Y -Axis: (но не X-ось)

scaleShowLabels: false, 

Answer 4

Для версии 2 вы можете сделать это с помощью опции Scales в глобальной конфигурации.

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

Чтобы скрыть только метки, в последней версии (2.3.0) из Charts.js, отключить ticks так:

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

Answer 6

попробовать это один

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

Это сработало для меня с Chartjs v2.4.0

Идея состоит в том, чтобы установить обратную обратную сторону на прозрачную. 255,255,255 - белый, но 0 устанавливает его на прозрачный.

Тогда userCallback возвращает всегда строку emptry.

Конечный результат: скрытые метки оси Y.

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