Мой проект включает в себя карту SVG США, разбитую на графства. Сам проект является приложением python Flask, и у меня есть python функции, пишущие css для svg, изменяющие заполнение или штрих различных округов на основе данных.
В каждом округе есть элемент title, а содержимым этого элемента является название округа и штата, например «Arapahoe, CO». Каждый округ слишком мал, чтобы на самом деле поместить эту информацию в текст, но я хочу, чтобы она была доступна пользователям, когда они наводят курсор на нее, так что это здорово.
Проблема в том, что мне также нужен динамический контент c, основанный на том, какие данные пользователь выбрал для показа. Цель состоит в том, чтобы моя компания отслеживала территории различных представителей по всей стране, поэтому я хотел бы, чтобы связанные представители были включены в эту подсказку, а также другие выбранные пользователем данные, например количество записей в нашей CRM для данного округа. , Визуально я отображаю несколько данных, выполняя заливки на основе цвета HSL - оттенок представляет заданного представителя, а насыщенность и яркость используются для масштабирования другой точки данных, например, прошлой истории продаж или общего количества доступных записей. Слишком много измерений данных было бы трудно понять пользователю, поэтому они могут выбирать - показать мне количество записей, показать количество контрактов в 2019 году и т. Д. c. Я делаю эти корректировки, генерируя новую таблицу стилей для выбранных данных, и хотел бы включить в эту таблицу стилей динамические c изменения в тексте всплывающей подсказки.
Я попытался сгенерировать такой текст:
# Windham__CT> title: after {content: "Records: 49"; }
В моем браузере (firefox) выбор, кажется, работает, и я не вижу, чтобы правило было серым или не применено, но показанный текст остается тем же.