0

mysql数据库包含三个元素，id，datetime和data。

请帮我检查我的代码有什么问题。我想从 mysql 数据库中提取最新的 15 个数据并将它们绘制在 highcharts 中。但是，我只能在 x 轴旁边的图表上显示最新的单个数据，没有显示日期时间数据。

我尝试了网页http://www.highcharts.com/demo/line-basic上提供的代码，但它仅适用于预定义值，不适用于 mysql 数据库值。

我试图编辑它，下面是我的代码。

<script scr = "//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src='http://code.highcharts.com/highcharts.js' type='text/javascript'> </script>       
<script src='http://code.highcharts.com/modules/exporting.js' type='text/javascript'> </script>    

</head>
<?php
$rowsA = array();
$rowsA[]= Yii::app()->db->createCommand("Select data from customername order by id desc limit 15")->queryScalar();
$datedata[] = Yii::app()->db->createCommand("Select date from customername order by id desc limit 15")->queryScalar();
>
<script type = "text/javascript">
$(function () {
    $('#container').highcharts({
        chart: {
        type: 'line',
        marginRight: 130,
        marginBottom: 25
    },
        title: {
            text: 'BABY BODY TEMPERATURE',
            x: -20 
        },

        xAxis: {

       // type: 'datetime',
       // dateTimeLabelFormats:{
        //   month: '%e, %b',
          //  year: '%b'}//can work
     //  categories: ['<php echo join($datedata, "','") ?>'],
     // categories: [<php  echo join($datedata, "','"); ?>],
        //  },

        },
        yAxis: {
            title: {
            text: 'Temperature (°C)'
            },
        plotLines: [{
            value: 0,
            width: 1,
            color: '#808080'
        }]
    },
    tooltip: {
        valueSuffix: '°C',

    },
    legend: {
        layout: 'vertical',
        align: 'right',
        verticalAlign: 'top',
        x: -10,
        y: 100,
        borderWidth: 0
    },
    series: [{
        name: 'Baby Temperature',
        data: [<?php echo join($rowsA, "','");?>]


        //predefined data is working fine.
       // data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
    }]
 });
});

</script>

我在想，在我能够提取 mysql 数据并将其绘制在高图中，x 轴的数字形式为 1、2、3，.... 然后我将尝试在 x 轴上显示日期时间。但是，我被困在了第一阶段；只能显示单个最新数据，而我想要的是 15 个数据。

如果有人可以帮助我，我将不胜感激。非常感谢提前。

4

1 回答 1

0

永远不要在您的视图文件中查询。在模型中创建 getter 或在控制器中查询并将数据传递给视图。对于 x-label 表单数组的日期。例如，我过去 30 天形成数组：

        $output = array();
        for($i = 30; $i >=0 ; $i--)
        $output[] = date("Y-m-d", strtotime('-'. $i .' days'));
        return $output;

这将是我们的 x-labels。然后在模型或控制器中获取您的数据：

$criteria=new CDbCriteria;
        $criteria->limit=15;
        $criteria->order='id DESC';
$data=new CActiveDataProvider(, array('customername'
            'criteria'=>$criteria,
        ));

现在从您的数据中形成您的系列数组。Yii-highcharts 是一个非常有用的扩展。然后将其推送到您的情节：

'xAxis'=>array(
                'categories'=> $xlabels, 
                'gridLineWidth' => 1,
                'gridLineDashStyle' => 'LongDash',
                'tickmarkPlacement' => 'on',
                'tickInterval' => 6
                    ),

'series'=> array(

            array('name'=> 'Failed records',
                'data'=> $data_array,
                'color' => '#ff0000',
                'shadow'=> false
            ),

在 javascript 中使用 yii-highcharts 或 echo php 变量：

var xlabels="<?php echo $xlabels?>";

然后在你的情节中使用它：

xAxis:{
                categories: xlabels, 
                gridLineWidth : 1,
                gridLineDashStyle : 'LongDash',
                tickmarkPlacement : 'on',
                tickInterval : 6
                    },
于 2013-06-12T09:13:22.407 回答