无法更改图表.js中的默认值

Unable to change default values in chart.js

本文关键字：js 默认值      更新时间：2023-09-26

我使用以下代码

window.onload = function(){
    Chart.defaults.global.tooltipFillColor = "rgba(255,0,0,0.8)";
    Chart.defaults.global = { 
    tooltipFillColor: "rgba(255,0,0,0.8)",
    tooltipFontFamily: "'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",
    tooltipFontSize: 24,
    tooltipFontStyle: "bold",
    tooltipFontColor: "green",
    }
    var ctx = document.getElementById("canvas").getContext("2d");
    window.myBar = new Chart(ctx).Bar(barChartData, {
        responsive : true
    });
}

我无法一次更改多个值。当我编写上面的代码时，图表完全消失了。

您需要在创建图表之前设置默认值。

window.onload = function(){
    Chart.defaults.global.tooltipFillColor = "rgba(255,0,0,0.8)";
    var ctx = document.getElementById("canvas").getContext("2d");
    window.myBar = new Chart(ctx).Bar(barChartData, {
        responsive : true
    });
};

如果要一次更改多个选项，则必须遵循与一个选项相同的模式。 下面的代码重新定义了 Chart.defaults.global。 （即 Chart.defaults.global 将只有 tooltipFillColor 属性。 所有其他财产将被销毁）。

Chart.defaults.global = {
  tooltipFillColor: "rgba(255,0,0,0.8)"
};

相反，您希望重新定义每个单独的属性：

Chart.defaults.global.tooltipFillColor ="rgba(255,0,0,0.8)";
Chart.defaults.globaltooltipFontFamily ="'Helvetica Neue', 'Helvetica', 'Arial', sans-serif";
Chart.defaults.globaltooltipFontSize =24;
Chart.defaults.globaltooltipFontStyle ="bold";
Chart.defaults.globaltooltipFontColor = "green";
相关文章：