chartjs event control - pai-plznw4me/django-initializer GitHub Wiki
Chartjs λ΄ chart μμ event λ°μμ tooltip μ μ΄
Chartjs click event λ±λ‘ νλ λ²
μλ κΈ°λ₯ μ€λͺ :
point
μ click νλ©΄graphClickEvent
function μ΄ μλνλ€.
1.
const myChart = new Chart($(elementId), {
type: 'line',
data: data,
options: {
onClick : graphClickEvent
}
});
2.
function graphClickEvent(event){
// λ§μ°μ€κ° point κ·Όμ²μ μμ λ, point κ°μ²΄λ₯Ό λ°νν©λλ€.
var activePoints = myChart.getElementsAtEventForMode(event, 'nearest', { intersect: true }, true);
// λ°μ΄ν°κ° μ€λ³΅λμ΄ μμλ 첫λ²μ§Έ λ°μ΄ν°λ₯Ό κ°μ Έμ΅λλ€.
var firstPoint = activePoints[0];
};
Example)
ν΄λ¦μ console μ κ°μ²΄ μ 보 λμ°κΈ°