checkMouseCoords(coords: Object, event: MouseEvent);
coords. Координаты, соответствующие текущему положению указателя мыши над диаграммой;
event. Событие мыши.
Метод checkMouseCoords проверяет попадание указателя мыши на подписи оси диаграммы и вызывает соответствующие события.
При наведении указателем на подпись оси диаграммы метод генерирует событие ChartCanvasAxis.LabelMouseOver, при наведении на подпись - событие ChartCanvasAxis.LabelMouseOut.
Для выполнения примера необходимо наличие на html-странице компонента Chart с наименованием «chart» (см. «Пример создания точечной диаграммы»). Обработаем события перемещения указателя мыши и нажатия правой кнопки:
// Получаем ось Y диаграммы
var yAxis = chart.getYAxis();
// Обрабатывает перемещение указателя мыши
function onMouseMove(sender, args) {
var coord = {
X: args.Event.x,
Y: args.Event.y
};
yAxis.checkMouseCoords(coord, args.Event);
};
// Обрабатывает нажатие на подпись оси диаграммы
function onLabelClick(sender, args) {
var coords = {
X: args.Event.x,
Y: args.Event.y
};
var ticks = yAxis.getticks();
for (var i = 0; i < ticks.length; i++) {
if (coords.X >= ticks[i].getLeft() - ticks[i].getWidth() / 4 * 3 &&
coords.X <= ticks[i].getLeft() + ticks[i].getWidth() / 4 * 3 &&
coords.Y >= ticks[i].getTop() - ticks[i].getHeight() / 4 * 3 &&
coords.Y <= ticks[i].getTop() + ticks[i].getHeight() / 4 * 3) {
yAxis.LabelClick.fire(yAxis, {
Tick: ticks[i],
Event: event
});
}
}
}
// Добавляем обработчик события перемещения указателя мыши
chart.addEvent(chart.getDomNode(), "mousemove", onMouseMove);
// Добавляем обработчик события нажатия кнопки мыши
chart.addEvent(chart.getDomNode(), "click", onLabelClick);
В результате выполнения примера подписи оси диаграммы при наведении на них указателем мыши окрашиваются в красный цвет, при покидании - в чёрный:
После щелчка мышью подпись оси диаграммы подчёркивается:
См. также: