Google Charts中interpolateNulls属性不生效问题求助

核心问题定位 #

你代码里用了大写的NULL，但JavaScript中表示空值的关键字是小写的null。大写的NULL会被JS引擎识别为未定义变量，直接导致arrayToDataTable无法正常创建数据表格，图表自然无法渲染——这和interpolateNulls的设置无关，因为数据表格创建环节就已经失败了。

具体修复步骤 #

1. 修正空值写法：把数据行里的NULL全部改成小写的null
2. 补全样式单位：div的style属性中，width和height需要添加单位px，否则部分浏览器可能无法正确识别尺寸

修复后的核心代码片段：

var data = google.visualization.arrayToDataTable([
    ["Term","Overall Attainment","Overall Effort"],
    ["Autumn 1 2021",0.222,0.388],["Autumn 2 2021",0.444,0.166],
    ["Spring 1 2022",0.222,0.222],["Autumn 1 2022",0.75,0.562],["Spring 1 2023",null,null]
]);

对应的div标签：

<div id="div1" style="width:700px; height:400px;"></div>

额外排查方向 #

如果修复后仍有问题，可以检查：

• 确认google.charts.load的调用无错误，比如包名corechart拼写是否正确
• 打开浏览器开发者工具（F12）查看Console面板，是否有其他语法或加载报错
• 确保数据列类型一致，比如数值列不要混入字符串类型

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