亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

MSSQL Server to PHP Array to JSON Encode to

MSSQL Server to PHP Array to JSON Encode to

PHP
慕斯709654 2022-08-19 10:58:57
我有非常簡單的數據,這些數據從我的MSSQL服務器到JSON_Encode。這是我的PHP代碼(位于myPHPFile.php):<?php$serverName = "MyServer";$connectionInfo = array( "Database"=>"MyDatabase", "UID"=>"MyUID", "PWD"=>"MyPWD");$conn = sqlsrv_connect( $serverName, $connectionInfo);$tsql = "SELECT * FROM [MyDatabase].[dbo].[MyView] ORDER BY Year";  $stmt = sqlsrv_query( $conn, $tsql); $rows = array();while($r = sqlsrv_fetch_array($stmt, SQLSRV_FETCH_ASSOC)) {    $res[] = $r;}print json_encode($res, JSON_NUMERIC_CHECK);sqlsrv_free_stmt( $stmt);  sqlsrv_close( $conn);  ?> 這給了我以下印刷品:[{"Year":2016,"Number":41},{"Year":2017,"Number":512},{"Year":2018,"Number":1895},{"Year":2019,"Number":3132}] 偉大。這是數據。我已經嘗試了每個教程,每個高圖表論壇帖子和每個堆棧溢出問題,以從我的JSON格式的php文件中獲取這些簡單的數據,并將其轉換為高圖表。也許我錯過了一些明顯的東西。讓我們來看看我的HTML文件:在頭部:<script src="https://code.highcharts.com/highcharts.js"></script><script src="https://code.highcharts.com/modules/exporting.js"></script><script type="text/javascript">$(function () {    var chart;    $(document).ready(function() {        $.getJSON("myPHPFile.php", function(json) {            chart = new Highcharts.Chart({                chart: {                    renderTo: 'container',                    type: 'line',                },                xAxis: {                    title: { text: 'Year'}                },                yAxis: {                    title: {                        text: 'Number'                    },                    plotLines: [{                        value: 0,                        width: 1,                        color: '#808080'                    }]                },                series: json            });        });    });});        </script>然后顯然是我的div<div id="container"></div>我錯過了什么?HTML 窗口只是空白。不呈現圖表。
查看完整描述

1 回答

?
aluckdog

TA貢獻1847條經驗 獲得超7個贊

高圖表示例顯示了設置圖表的另一個示例??梢允褂靡韵赂袷剑?/p>

$(document).ready(function() {

  $.getJSON("myPHPFile.php", function(json) {

    var series = json.map(function(record){

        return [record.Year, record.Number];

    })


    Highcharts.chart('container', {

      chart: {

        renderTo: 'container',

        type: 'line',

      },

      xAxis: {

        title: {

          text: 'Year'

        }

      },

      yAxis: {

        title: {

          text: 'Number'

        },

      },

      series: [{

        data: series

      }],

    });


  });

});

查看下面的實時演示:


const data = [{

  "Year": 2016,

  "Number": 41

}, {

  "Year": 2017,

  "Number": 512

}, {

  "Year": 2018,

  "Number": 1895

}, {

  "Year": 2019,

  "Number": 3132

}];


const series = data.map(record => [record.Year, record.Number])


Highcharts.chart('container', {

  chart: {

    renderTo: 'container',

    type: 'line',

  },

  xAxis: {

    title: {

      text: 'Year'

    }

  },

  yAxis: {

    title: {

      text: 'Number'

    },

  },

  series: [{

    data: series

  }],

});

<script src="https://code.highcharts.com/highcharts.js"></script>

<script src="https://code.highcharts.com/modules/series-label.js"></script>

<script src="https://code.highcharts.com/modules/exporting.js"></script>


<div id="container"></div>


查看完整回答
反對 回復 2022-08-19
  • 1 回答
  • 0 關注
  • 133 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號