Подсказки инструментов ChartJS отображаются неправильно

#html #css #chart.js

Вопрос:

Я обнаружил диаграмму.JS на некоторое время, и я хотел внедрить его на своем веб-сайте. Я написал самый простой код, доступный на их веб-странице , и всплывающие подсказки действительно появляются, но когда я использую свойство масштабирования html-тега в своем CSS (потому что я хочу сделать всю страницу меньше), всплывающие подсказки, похоже, сходят с ума. Некоторые из них больше не отображаются, а другие появляются только при наведении курсора на определенные области диаграммы. Есть ли какое-нибудь решение этой проблемы ?

Ответ №1:

Свойство масштабирования CSS не рекомендуется для этого использования. Он в основном предназначен для увеличения изображения и имеет очень плохую поддержку в разных браузерах. Я бы посоветовал уменьшить размер содержимого, установив ширину контейнеров и уменьшив размеры шрифтов.

Неизвестно, как масштабирование css повлияет на холст, используемый ChartJS в разных браузерах.

ссылка: https://developer.mozilla.org/en-US/docs/Web/CSS/zoom

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

1. Спасибо, это будет длительный процесс, требующий много времени, чтобы переписать каждую высоту, ширину и каждый шрифт, но если это единственный вариант, мне придется это сделать 🙁

2. Пожалуйста, примите мой ответ, если вы нашли его полезным, и вам не нужны дополнительные ответы 🙂