PHP数据和Highcharts的jQuery问题

我对X轴数据有问题，它是动态的，因为它似乎使用了第一列中的所有值。

我正在做以下工作：

<div id="season_data_block" style="display: none;">
<?php
foreach($champ_name as $champ_id => $stat_value) {
    foreach ($stat_value as $cn => $cs) {
        if($champ_id != 0) {
            echo '"'.$cn.'",';
        }
    } 
}
?>
</div>

这是将PHP数据放入一个隐藏的div中。然后我使用jQuery访问该div中的文本。

<script type="text/javascript">
$(document).ready(function(){
    var chart_data = $("#season_data_block").text();
    $('#stats_chart').highcharts({
        chart: {
            type: 'column',
            backgroundColor: "#F5F5F5",
        },
        title: {
            text: ' '
        },
        xAxis: {
            categories: [chart_data]
        },

我遇到的问题是，当数据插入javascript xAxis时，它会在第一个xAxis值上显示所有php数据，然后默认显示其余数据，如下所示。

第一个："名称1"、"名称2"、"姓名3"，第二：2第三：3第四个4

我希望它是

第一个："名称1"第二："名称2"第三："名称3"

等等。它为什么这么做？

感谢