#javascript #html #css #chartist.js
#javascript #HTML #css #chartist.js
Вопрос:
Используя плагин всплывающих подсказок chartist для гистограммы, я реализовал всплывающую подсказку, которая появляется при наведении курсора мыши на столбик, отображая значение столбика плюс другую информацию. Это отлично работает. Однако я бы хотел, чтобы это работало аналогично, когда пользователь нажимает или щелкает панель, для устройств с сенсорным экраном, которые не поддерживают мышь.
Идеальным поведением было бы исчезновение всплывающей подсказки, когда пользователь убирает палец с экрана или отпускает щелчок мыши, подобно физической кнопке или переключателю «мгновенный контакт». Однако, что происходит с текущей реализацией наведения, так это то, что всплывающая подсказка остается отображаемой до тех пор, пока не будет нажата или нажата пустая область диаграммы.
Как мне сделать нажатие или щелчок мышью «мгновенным контактом», не жертвуя поведением при наведении?
Комментарии:
1. Не могли бы вы добавить текущий прогресс, который у вас есть, чтобы мы могли использовать его в качестве отправной точки. Спасибо.
2. Все, что я действительно сделал, помимо ввода необходимых сценариев (chartist.js , chartist.css, chartist-plugin-tooltip.css, chartist-plug-in-tooltip.min.js ) заключается в том, чтобы поместить требуемый объект в ряд для построения графика: пусть thingToPush = { meta:(plotData.labels[newIndex] ‘plotData.tag), значение: dp[plotData.tag] }; plotData.series[0].push(thingToPush);