小编Pro*_*r2B的帖子

Chart.js 工具提示 - 悬停时标签不出现

我想将 的值显示numberValue为悬停在条形图上的标签。我已经尝试了很多方法来执行此操作,但是将鼠标悬停在栏上时什么也没有出现。这是代码:

getBarChart() {
    this.http.get(API).subscribe({
      next: (data) => {
        this.totalAmount= data;
        let splitted = this.totalAmount.toString().split(",");
        let numberValue= splitted[0];
        let totalAmountPerMonth = splitted[1];
        let month = splitted[2];

        this.barChart.data.labels = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];

        let dataValues = new Array(12).fill(null);
        let monthIndex = parseInt(month) - 1;
        dataValues[monthIndex] = totalAmountPerMonth;

        this.barChart.data.datasets = [
          {
            label: "Total Amount",
            data: dataValues,
            backgroundColor: DARK_BLUE
          }
        ];
        this.barChart.update();
      },
      error: (err) => {
        console.log(err);
      }
    });

    Chart.register(BarController);
    Chart.register(CategoryScale); …
Run Code Online (Sandbox Code Playgroud)

typescript chart.js angular

5
推荐指数
1
解决办法
190
查看次数

标签 统计

angular ×1

chart.js ×1

typescript ×1