ChartJS将字符串日期识别为数字的问题及PHP读取CSV异常排查

嘿，我来帮你拆解下这个问题，其实核心原因和解决办法都很清晰：

这完全是JavaScript自动类型解析搞的鬼！当你用PHP把2018-02-08这种格式的日期输出到ChartJS的标签配置里时，如果没明确告诉JS这是字符串，它会把这个带连字符的内容当成数学减法表达式——2018减2减8，结果自然就是2008了。

有两种靠谱的方式，推荐第二种更省心：

方式一：手动给日期加引号 #

在PHP读取CSV生成标签数组的时候，给每个日期字符串包裹上单引号或双引号，确保JS识别它是字符串而不是表达式：

function getChartLabels() {
    $labels = [];
    $file = fopen('data.csv', 'r');
    while (($line = fgetcsv($file)) !== false) {
        // 给日期套上单引号，避免JS当成计算式
        $labels[] = "'" . $line[0] . "'";
    }
    fclose($file);
    return $labels;
}

// 输出到ChartJS配置时，把数组转成逗号分隔的字符串
echo "labels: [" . implode(',', getChartLabels()) . "],";

这样页面输出的JS代码里，标签就会是['2018-02-08', '2018-02-09', ...]，JS就不会乱计算了。

方式二：用JSON编码（更推荐） #

直接用PHP的json_encode()函数处理标签数组，它会自动帮你处理字符串的引号、转义特殊字符，完全不用手动拼接，既安全又省心：

function getChartLabels() {
    $labels = [];
    $file = fopen('data.csv', 'r');
    while (($line = fgetcsv($file)) !== false) {
        $labels[] = $line[0]; // 这里不用手动加引号
    }
    fclose($file);
    return $labels;
}

// 输出到ChartJS时直接用json_encode转成标准JS数组
echo "labels: " . json_encode(getChartLabels()) . ",";

json_encode()会把PHP数组转换成符合JS语法的数组，日期字符串自动被双引号包裹，从根源上避免类型解析错误。

你说改成$line[1]时出现另一个异常，大概率是因为这一列的内容有特殊情况——比如包含引号、换行符、逗号这类会破坏JS语法的字符，或者是空值、非字符串类型。如果用手动加引号的方式，这些特殊字符会直接搞崩JS代码；但用json_encode()的话，它会自动转义这些字符，基本能解决大部分问题。要是还不行，你可以检查下CSV里这一列的内容，看看是不是有格式错误，比如未闭合的引号之类的。

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