highcharts:data数组不为空,却无法显示图形的问题

highcharts展示图形十分方便,可最近在使用highcharts时,出现了图形无法显示的问题。最后发现是忽略了highcharts对data的要求必须是number类型的

如图1,当data数组的元素是String类型时(或者data数组为空[ ]时),是无法显示图形的。

如图2,当data数组的元素是number类型时,可以正常显示图形。

highcharts:data数组不为空,却无法显示图形的问题
图1
highcharts:data数组不为空,却无法显示图形的问题
图2

highcharts线上测试地址

在实际编程中,data通常是我们从数据库获取后经过前端展示,当在js里处理时,若用toFixed()方法将会把原本number类型的值变成string类型,导致无法正常显示值。所以大家使用highcharts时一定要注意,如果无法像预期地显示图形,要检查data数组元素的类型。