无法将chart.js图表​​加载到chart.js工具提示中

Question

我正在尝试将雷达chart.js图表​​放入chart.js工具提示中。我的chart.js工具提示是一个自定义函数，它为突出显示的每个节点显示一个特定的图表。因此，在我的自定义函数中，我有一些if语句来标识要突出显示的节点，但这不是问题。问题是，当我尝试为特定节点添加该工具提示的innerHtml时，我似乎无法弄清楚何时显示innerHtml。为该节点调用以下函数：

function ybalanceInitial(){
        var html = '<td>';
            html += "<div class='ybalance_initial_container' style='position: relative; height:200px; width:200px'>";
                html += "<canvas id='ybalance_inital_chart'></canvas>";
            html += "</div>";
        html += '</td></tr>';

        window.onload = ybalanceChart()
        //var ybalanceChartInitial = $("#ybalance_inital_chart");
        function ybalanceChart(){
            var ybalanceChartInitial = document.getElementById("ybalance_inital_chart");
            var myRadarChar = new Chart(ybalanceChartInitial, {
                type: 'radar',
                data: {
                    labels: ["Anterior", 'Posterolateral', 'Posteromedial'],
                    datasets: [{
                        data: [5, 4, 5],
                    }]
                }
            })
        }
        return html;
    }

我一直在尝试许多不同的选项，但是我认为关键问题是ybalance_initial_chart在我尝试获取元素ID时还没有出现在文档中。或者我可能完全不了解问题所在。请帮忙，谢谢！