javascript - Highcharts JS 与数据库中的值

标签 javascript php

我有 Highchart 列的代码:

$(function () {
    $('#container').highcharts({
        chart: {
            type: 'column'
        },
        xAxis: {
            type: 'category',
        },
        yAxis: {
            min: 0,
        },
...
        series: [{
            data: [
                ['Shanghai', 23.7],
                ['Lagos', 16.1],
                ['Istanbul', 14.2],
                ['Karachi', 14.0],
            ],
        }]
    });
});
这个文件query.php:

<?php
include 'bd_cnx.php';
  $sql = "SELECT
            ...";
  $result = $conn->query($sql);
  if ($result->num_rows > 0){
  while($row = $result->fetch_assoc()){
    $ret[] =[$row['NUME_J'], floatval($row['TOTAL'])];
        }
  }
    echo json_encode($ret);
?>

如何将函数 javascript 中 query.php 的返回值插入到 series.data 中? 谢谢!

最佳答案

var data ;
$.ajax({
    method:"POST",
    url:"query.php",
    data:{},
    success:
         function(response){
             data=response;
             $('#container').highcharts({
                  chart: {
                     type: 'column'
                 },
                 xAxis: {
                     type: 'category',
                 },
                 yAxis: {
                     min: 0,
                 },
         ...
                 series: [{
                     data: data,
                 }]
             });
         },
});

关于javascript - Highcharts JS 与数据库中的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39468743/

相关文章:

javascript - 如何限制多个通配符搜索?

javascript - javascript/jquery中获取运行线程id的方法

javascript - 滑出div,如果div打开并且点击了其他,则滑出并滑入新的

php - HTML/CSS : Could this be achieved with a list or table?

javascript - 如何使用 CodeIgniter 安装 React Js ..?

javascript - 将点二进制转换为 float

javascript - 嵌入的一个值中的多行(discord.js)

PHP/MySQL 需要将两个表中的数据合并到一个对象并按日期排序

php - 如何将 Google 搜索结果重定向到动态网页?

php - 如何为 XAMPP 安装 PECL HTTP 扩展?