如何将Cookie中的数据值加载到Chart.js中实现图表正常渲染

问题排查与修复 #

1. Cookie读取传参错误 #

你调用readCookie时传入了未声明的变量作为参数，导致无法正确匹配Cookie名称：

// 错误写法：dat变量未声明就作为参数传入
var dat=readCookie(dat);

readCookie需要传入Cookie名称的字符串值，修正如下：

var dat = readCookie('dat');

2. 数据类型不匹配Chart.js渲染要求 #

从Cookie中读取到的内容是字符串格式（如"60, 80, 81, 56, 55, 40"），但Chart.js的数据集需要传入数字类型的数组，直接传入字符串会无法识别，需要补充类型转换逻辑：

// 读取Cookie后转换为数字数组
const cookieValue = readCookie('dat');
const chartData = cookieValue ? cookieValue.split(',').map(val => Number(val.trim())) : [];

将转换后的chartData传入Chart.js的dataset配置中即可正常渲染图表。

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