Javascript 如何在单击按钮时动态更改图形？

您好，亲爱的朋友，根据按钮更改图表，请分享您的参考资料？

这是我的代码

<div class="btn-group">
            <button onclick="myFunction1()"> Hoursly </button>
            <button onclick="myFunction2()"> Days </button>
            <button onclick="myFunction3()"> Weakly </button>         
            <button onclick="myFunction4()"> Months </button>
        </div>

    <script src="public/chartjs/Chart.js"></script>

    <div class="container" id="getText" style="display: none;">
        <canvas id="myChart"></canvas>
    </div>

小时
天
虚弱的
月

如何更改按钮点击时的图形，因为我不确定这些事情

 <script>    
  function myFunction() {
    var div = document.createElement('canvas');
    div.innerHTML = document.getElementById('myChart').innerHTML;
    document.body.appendChild(div);

    var ctx = document.getElementById("myChart").getContext("2d");
    var myChart = new Chart(ctx, {
        type: "bar",
        data: {
            labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
            datasets: [{
                data: [1,2,3,4,5,6,7,8,9,10,11,12],
                backgroundColor: "rgba(255, 99, 132, 0.2)",
                borderWidth: 1
            }]
        },
        options: {
            scales: {
                yAxes: [{
                    ticks: {
                        beginAtZero: true
                    }
                }]
            }
        }
    });
}
    </script>

函数myFunction（）{
var div=document.createElement（'canvas'）；
div.innerHTML=document.getElementById（'myChart'）.innerHTML；
文件.正文.附件（div）；
var ctx=document.getElementById（“myChart”）.getContext（“2d”）；
var myChart=新图表（ctx{
输入：“酒吧”，
数据：{
标签：[“一月”、“二月”、“三月”、“四月”、“五月”、“六月”、“七月”、“八月”、“九月”、“十月”、“十一月”、“十二月”]，
数据集：[{
数据：[1,2,3,4,5,6,7,8,9,10,11,12]，
背景色：“rgba（255,99,132,0.2）”，
边框宽度：1
}]
},
选项：{
比例：{
雅克斯：[{
滴答声：{
贝吉纳泽罗：是的
}
}]
}
}
});
}

---

请分享你的推荐信

您可以向函数中添加一个参数：

function myFunction（type）{….}

并这样调用：

myFunction（'Hoursly'）

，

myFunction（'Days'）

，

myFunction（'Weakly'）

，

myFunction（'Months'）

这里我的疑问是基于画布id的javascript加载如何进行更改，从加载的javascript获取如何单击按钮？将其作为参数传递，如：

var ctx=document.getElementById（类型学）.getContext（“2d”）其中
类型学
是传递给函数的变量