Highcharts列仅显示一个类别

时间:2015-06-21 16:59:43

标签: javascript mysql highcharts

我使用Highchart和列类型制作图表。我使用数据库mysql

series: [<?php while ($c1=mysql_fetch_array($qc1)){ ?>
            {
                name: '<?php echo $c1[0]; ?>',
                data: [<?php echo $c1[1]; ?>]
            },
            <?php } ?>
            ]

我想从1-11

编号xAxes
xAxis: {
                categories: ['1','2','3','4','5','6','7','8','9','10','11']
            },

但它只显示1。 enter image description here

1 个答案:

答案 0 :(得分:1)

这是由创建多个系列引起的,因此有两个选项:

1)改为创建一个系列:

series: [
    data: [<?php while ($c1=mysql_fetch_array($qc1)){ ?>
        {
            name: '<?php echo $c1[0]; ?>',
            y: [<?php echo $c1[1]; ?>]
        },
        <?php } ?>
        ]
 }

2)或者对于每个点集x

series: [
        <?php 
            $index = 0; 
            while ($c1=mysql_fetch_array($qc1)){ 
              $index++; 
        ?>
              {
                name: '<?php echo $c1[0]; ?>',
                data: [<?php echo $index.','.$c1[1]; ?>]
              },
        <?php 
          } 
        ?>
        ]

注意:第二个解决方案可能需要设置plotOptions.series.grouping = false。否则,Highcharts将为所有系列的每个类别留出空间。