如何将新图表转换为HTML？

Question

我可以将新图表转换为HTML对象吗？

这是我的代码。

var config = {
        type: 'line',
        data: {
            labels: dates,
            datasets: [{
                label: 'Caudal Minimo',
                data: CMN,
                borderColor: "rgb(102, 153, 255)",
                cubicInterpolationMode: 'monotone',
                fill: false,
            }]
        }
    };

var ctx = document.getElementById("canvas").getContext("2d");
myChart = new Chart(ctx, config);


new mapboxgl.Popup()
  .setLngLat(e.lngLat)
  .setHTML(document.getElementById("canvas"))
  .addTo(map);

我的HTML

<div class="work-top">
    <div id='map' style="position: absolute; top: 0; left: 0; width: 100%; height: 1000px;">
    </div>
    <canvas id='canvas' style="min-width: 315px; height: 400px; margin: -4px"></canvas>
</div>

这是我弹出窗口中的结果 - ＆gt; [object HTMLCanvasElement]