ReactJS chart rect hover할때 색상 변경
추천0 비추천 0
페이지 정보
작성자 이재서
작성일 2023-12-15 16:38 조회 93회
댓글 0건
제품 버전 : 5.20222.877
컨트롤 이름 : rect hover
본문
관련링크
flex.hostElement.addEventListener('mousemove', (e) => {
const hti = flex.hitTest(e);
let index = hti.series?._pointIndexes[hti.pointIndex]; // hover rect pointIndex
const hoverRect = hti.series?.hostElement.children[index]; //hover rect element
setHoverIndex(index);
if (hti.item) {
if (hoverIndex == index) {
setFill(hoverRect?.getAttribute('fill'));
hoverRect?.setAttribute('fill', 'yellow');
}
if (hoverIndex != index) {
hoverRect?.setAttribute('fill', fill);
}
const rectElements = chart.current;
console.log(rectElements);
}
});
};
1. hover 기능을 넣어서 rect 색상 변경에는 성공 했습니다. 위는 제가 구현한 hover 기능 코드 입니다. 색상을 yellow로 변경했음에도 어떤 것은 black으로 나오고 어떤것은 yellow로 나옵니다. 제 코드에 문제가 있는 것 인지 wijmochart의 버그 인지 확인이 어렵습니다.
2. rect에 hover 하였을때 해당 rect 의 정보 중 [제품명] 이 동일한 다른 공정의 rect 들도 함께 색상이 변경되게끔 구현하고 싶습니다.
도와주십쇼...
댓글목록
등록된 댓글이 없습니다.
2 답변
