我遇到了动态 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”
等等为什么要这样做?
谢谢