Ошибка z-индекса во всплывающей подсказке AngularJs ChartJs - PullRequest
0 голосов
/ 07 сентября 2018

Я использую этот шаблон https://coreui.io/v1/demo/pro/AngularJS_Demo/#!/dashboard для моего углового проекта. В это входит chart.js и angular-chart.js. После большого количества поисков я все еще не могу получить всплывающую подсказку на диаграмме над всеми представленными элементами.

enter image description here


Во всех других продуктах coreui отображается правильно. Но я не уверен, почему это не показывать здесь. Пожалуйста, помогите мне.

1 Ответ

0 голосов
/ 07 сентября 2018

Глядя на исходный код, кажется, что они используют ChartJs для диаграмм.


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

Если вы хотите иметь больше власти над всплывающей подсказкой, вы также можете переключиться на подсказки HTML , поэтому подсказка будет добавлена ​​за пределы холста и может быть настроена с помощью CSS (например, Z-индекс).

...