javascript - 如何更改点击图表？

Question

我有几个按小时和天显示数据的按钮。现在我只有小时的图表。如何添加另一个带有数据的图表并在点击时显示？

export const chartInitialize = (parent: any) => {
const canvas: any = document.getElementById("chart")
const ctx = canvas.getContext("2d")

chartHour = new Chart(ctx, {
type: "line",
data: {
  datasets: [
    {
      label: "HourStamp",
      backgroundColor: createGradientLineColor(ctx, "#5f8fd8"),
      borderColor: "rgba(0, 0, 0, 0)",
      data: getRandomData(0, 116),
    },
  ],
},
options: {
  title: {
    display: true,
    fontFamily: "'Montserrat', sans-serif",
  },
  legend: {
    display: false,
  },

 },
})
}

标签： javascriptchart.jschart.js2