如何正确编写含Chart.js脚本与图片的HTML代码，实现图表后显示图片

你把<img>标签放在<script>标签里了，<script>标签仅用于编写JavaScript代码，HTML标签放在其中会被浏览器判定为无效代码直接忽略，所以图片无法显示。

将<img>标签从<script>标签中移出，直接放在图表脚本的后方，作为HTML页面的普通内容节点即可。另外补充了缺失的<body>标签，让HTML结构更规范。

<html>
<head>
    <meta charset="utf-8">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.3.2/chart.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/chartjs-plugin-datalabels/2.2.0/chartjs-plugin-datalabels.min.js"></script>
</head>
<body>
    <canvas id="myChart" width="400" height="400"></canvas>
    <script>
        var ctx = document.getElementById("myChart").getContext("2d");
        var myChart = new Chart(ctx, {
            type: 'line',
            plugins:[ChartDataLabels],
            data: {
                labels: ['08/08', '08/09'],
                datasets: [{
                    label: 'ttt',
                    data: [1304.1, 1312.6],
                    fill:true,
                    backgroundColor: "rgba(219, 68, 85, 1)",
                    borderColor: "rgba(219, 68, 85, 0.4)"
                }]
            },
            options: {
                responsive : true
            }
        });
    </script>
    <img src="https://src.hidoc.co.kr/image/lib/2021/4/28/1619598179113_0.jpg" alt="示例图片" />
</body>
</html>

内容的提问来源于stack exchange，提问作者user22516863