我有一個（定期更新）ChartJS線圖如下，三種類型的數據的工作關- prices，dates以及相關聯的more_info-從一個Django API收集：<script>    var myChart    function refresh_graph() {        {% block jquery %}        var chart_endpoint = "{% url 'chart_data' current_id %}"        var defaultData = []        var labels = []        var more_info = []        $.ajax({            method: "GET",            url: chart_endpoint,            success: function(data){                defaultData = data.prices                labels = data.dates                more_info = data.more_info                if(myChart){                    myChart.destroy();                }                var ctx = document.getElementById('myChart').getContext('2d');                myChart = new Chart(ctx, {                    type: 'line',                    data: {                        labels: labels,                        datasets : [{                            label: 'Price',                            data: defaultData,                            backgroundColor: [                                'rgba(54, 162, 235, 0.2)',                            ],                            borderColor: [                                'rgba(54, 162, 235, 1)',                            ],                            borderWidth: 2                        }]                    },                    options: {                        elements: {                            line: {                                tension: 0 // disables bezier curves                            }                        },                        legend: {                            display: false                        },我試圖弄清楚如何做到這一點，當用戶點擊或懸停在圖表中的一個數據點（即 a priceat a date）上時（我會很高興），他們會請參閱相關的more_info.我所知道的這個使用getElementById，但無法弄清楚如何延伸到這樣的情況，在那里我不希望顯示標簽（這里date）和數據點值（此處price），而是第三個值，即more_info。我也知道這種使用自定義工具提示的方式，但也無法弄清楚如何從我只是使用tooltipItem.xLabel( date) 和tooltipItem.yLabel( price) 而不是第三個關聯值的情況擴展這種方式。