Блог

Главная - Вопросы по программированию - в диаграмме размер шрифта всплывающей подсказки js не работает

в диаграмме размер шрифта всплывающей подсказки js не работает

#charts #chart.js

Вопрос:

Я хочу сделать всплывающую подсказку крупным шрифтом в js диаграммы, но, к сожалению, у меня это не работает, здесь я добавил свой код, может кто-нибудь проверить мой код и помочь мне решить эту проблему ?

 options: {
  plugins: {
    legend: {
      display: true,
      position: 'bottom',
      labels: {
        font: {
          size: 30
        }
      }
    },
    tooltips: {
      font: {
        size: 30
      }
    }
  },

}

Ответ №1:

Вы можете определить различные шрифты для заголовка, основного текста и нижнего колонтитула всплывающей подсказки, поэтому вам нужно будет определить их в этих конкретных местах:

 var options = {
  type: 'line',
  data: {
    labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
    datasets: [{
        label: '# of Votes',
        data: [12, 19, 3, 5, 2, 3],
        borderColor: 'pink'
      }
    ]
  },
  options: {
    plugins: {
      tooltip: {
        titleFont: {
          size: 100
        },
        bodyFont: {
          size: 50
        },
        footerFont: {
          size: 20 // there is no footer by default
        }
      }
    }
  }
}

var ctx = document.getElementById('chartJSContainer').getContext('2d');
new Chart(ctx, options); 
 <body>
  <canvas id="chartJSContainer" width="600" height="400"></canvas>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.5.1/chart.js"></script>
</body>
Метки: