Блог

Главная - Вопросы по программированию - Как скрыть метку для chart.js

Как скрыть метку для chart.js

#javascript #jquery #charts #chart.js2

Вопрос:

У меня есть диаграмма, которая показывает 3 типа меток

введите описание изображения здесь

Я хочу сохранить два из них и хочу скрыть один отчет о доходах по счету-фактуре. Как я могу скрыть этот ярлык? Я использую chart.js v2

 var myChart = new Chart(ctx, {
  type: 'bar',
  data: {
    labels: labels,
    datasets: [{
      label: 'Invoice Income Report',
      data: bar_chart_data,
      backgroundColor: colors,
      borderWidth: 1
    }, {
      label: 'Below Average',
      backgroundColor: ['rgba(255, 99, 132, 1)']
    }, {
      label: 'Above Average',
      backgroundColor: ['rgba(11, 156, 49, 1)']
    }]
  },
  options: {
    scales: {
      y: {
        beginAtZero: true
      }
    },
  }
});

Ответ №1:

В chart.js, Вы можете скрыть метки с помощью атрибута легенды. Добавьте следующий код в параметры chart.js

 legend: {
    display: false
}

В соответствии с вашим кодом, после добавления легенды параметры будут …..

 options: {
    scales: {
        y: {
            beginAtZero: true
        }
    },
    legend: {
        display: false
    }
}

Комментарии:

1. @BilalArshad покажите свой полный код или сделайте скрипку, чтобы я мог помочь вам лучше.

Ответ №2:

Добавьте опцию легенды в конфигурацию параметров, установите значение отображения false:

                 , options: {
                    scales: {
                        y: {
                            beginAtZero: true
                        }
                    },
                    legend: {
                      display: false
                    }
                }

документы 3:https://www.chartjs.org/docs/latest/configuration/legend.html документы 2:https://www.chartjs.org/docs/2.6.0/configuration/legend.html

Метки: