Highcharts使用JSON添加点到折线图

阳孔

我需要从mysql数据库获取的数据中添加点。这时,我通过json获取数据,但是我不知道为什么在输出数组中,数据具有双引号(“”),如下所示:

["{name:'Chip 3',data:[[moment('2015-05-14 13:26:21','HH:mm:ss').valueOf(),29],[moment('2015-05-14 13
:26:51','HH:mm:ss').valueOf(),29],[moment('2015-05-14 13:27:21','HH:mm:ss').valueOf(),29],[moment('2015-05-14
 13:27:51','HH:mm:ss').valueOf(),29],[moment('2015-05-14 13:28:21','HH:mm:ss').valueOf(),29],[moment('2015-05-14
 14:42:54','HH:mm:ss').valueOf(),32],]}"]

因此,Highcharts无法访问数据并在图表上显示数据。现在,我需要从数组中删除双引号或执行其他操作以使Highcharts可以重新调整数据。

这是我在data.php文件中的代码,我用来获取和更新系列数据。

<?php

header("Content-type: text/json");


 include_once 'include/connection.php';
 $db = new DB_Class(); 



     $query = "select distinct idchip from datatable ";
     $result = mysql_query( $query );
     $rows = array();
     $count = 0;
     $getall = array();
     while( $row = mysql_fetch_array( $result ) ) {

         $table = array();

         $query2 = "select datetime,temperature from datatable where idchip=".$row['idchip'].' group by datetime ';

            $dataresult = mysql_query($query2);
            while($datarow = mysql_fetch_array($dataresult))
            {

                $data = '';


                $datatimes .= $datarow['0'].',';


                $data .= "[moment('".$datarow['0']."','HH:mm:ss').valueOf(),".(integer)$datarow['1']."],";
                $stringdata .= $data;

                }

        $newstring = $stringdata ;

        $stringdata = '';
        $stringtime = '';

        $namedata = "{name:'Chip ".$row["idchip"]."',data:[$newstring]}";
        $getall[] = $namedata;


     }


echo json_encode($getall);
?>

这是我用来获取Ajax返回数据的代码。

function getData() {
        jQuery.ajax({
            url: 'data.php',
            type: 'GET',
            dataType: 'json',
            mimeType: 'multipart/form-data',
            contentType: false,
            cache: false,
            processData: false,
            success: function( data, jqXHR ) {
                if( data == "null" ) {

                } else {
                  $.getJSON("data.php", function(json) {

            chart = new Highcharts.Chart({
               chart: {
                renderTo: 'container',
                defaultSeriesType: 'spline',
                events: {
               //     load: requestData
                }
            },
 series: json

            });
        });
                }
            },
            error: function( textStatus ) {
                console.log(" error. damm. ");
                //console.log(error);
            }
        });
    } 
尔凡·拉索尔(Irfan Rasool)

我觉得这样

    $query = "select distinct idchip from datatable ";
    $result = mysql_query( $query );
    $rows = array();
    $count = 0;
    $getall = array();
    while( $row = mysql_fetch_array( $result ) ) {

        $table = array();
        $stringdata = array();
        $query2 = "select datetime,temperature from datatable where idchip=".$row['idchip'].' group by datetime ';

        $dataresult = mysql_query($query2);

        $stringdata = array();
        while($datarow = mysql_fetch_array($dataresult))
        {
            $stringdata[] = "moment('".$datarow['0']."','HH:mm:ss').valueOf(),".(integer)$datarow['1'];
        }

        $namedata['name'] = "Chip ".$row["idchip"];
        $namedata['data'] =  $stringdata;
        $getall[] = $namedata;
    }

    echo json_encode($getall);

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Highcharts使用JSON添加点到折线图

来自分类Dev

高图:平滑地添加点到折线图

来自分类Dev

如何使用plotly express向折线图添加点?

来自分类Dev

Highcharts:使用json数据创建简单的折线图

来自分类Dev

使用Highcharts将动态数据从mysql数据库添加到折线图

来自分类Dev

如何使用Highcharts库实现类似的折线图?

来自分类Dev

使用highcharts在柱形图上生成折线图

来自分类Dev

无法使用 Highcharts 创建折线图 - Vue.js

来自分类Dev

SSRS:添加折线图

来自分类Dev

仅x轴的Highcharts折线图

来自分类Dev

使用ggplot向多个折线图添加图例

来自分类Dev

使用传递的JSON数组创建Google折线图

来自分类Dev

使用json和mysql php创建折线图

来自分类Dev

Highcharts如何在折线图上的单击事件后添加树形图?

来自分类Dev

将日期标签添加到HighCharts折线图中

来自分类Dev

如何在折线图上使用填充颜色添加带有折线的区域

来自分类Dev

LightningChartJs-在X轴的折线图中添加折线

来自分类Dev

使用Flot的折线图重叠

来自分类Dev

使用iOS Swift创建折线图

来自分类Dev

使用行求和的折线图

来自分类Dev

使用achartengine android折线图

来自分类Dev

如何使用chartjs创建折线图?

来自分类Dev

SSRS折线图:向折线图添加平均线/目标线

来自分类Dev

Highcharts折线图未显示所有日期

来自分类Dev

Highcharts折线图不遵守图例自定义

来自分类Dev

Highcharts获得组合的条形图和折线图

来自分类Dev

多折线图

来自分类Dev

谷歌折线图

来自分类Dev

注释折线图