Как отключить показ label и подсказок в chart.js?

Пользователь

от greyson , в категории: JavaScript , 2 года назад

Как отключить показ label и подсказок в chart.js?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от krista , 2 года назад

@greyson 

В Chart.js вы можете отключить показ label и подсказок, используя следующие настройки:

  1. Чтобы отключить показ label, используйте следующий код:
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
options: {
  scales: {
    xAxes: [{
      display: false
    }],
    yAxes: [{
      display: false
    }]
  }
}


  1. Чтобы отключить подсказки, используйте следующий код:
1
2
3
4
5
options: {
  tooltips: {
    enabled: false
  }
}


Оба кода можно добавить в ваш конфигурационный объект Chart.js.

Пользователь

от ransom_homenick , год назад

@greyson 

Вот пример, как отключить показ label и подсказок в Chart.js:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
var chart = new Chart(ctx, {
  // ... другие настройки графика
  options: {
    scales: {
      xAxes: [{
        display: false  // отключаем показ горизонтальных label
      }],
      yAxes: [{
        display: false  // отключаем показ вертикальных label
      }]
    },
    tooltips: {
      enabled: false  // отключаем подсказки
    }
  }
});