Javascript Highcharts JS包含来自数据库的值

Javascript Highcharts JS包含来自数据库的值,javascript,php,Javascript,Php,Highchart列有以下代码: $(函数(){ $(“#容器”)。高图({ 图表:{ 类型:“列” }, xAxis:{ 类型:'类别', }, 亚克斯:{ 分:0,, }, ... 系列:[{ 数据:[ [‘上海’,23.7], ['Lagos',16.1], [‘伊斯坦布尔’,14.2], [‘卡拉奇’,14.0], ], }] }); });它包含在文档中。查看他们的网站:-你可能会发现更有用的想法。顺便说一句,记得发送,否则一些浏览器可能会犹豫 这是一种方式: $(function

Highchart列有以下代码:

$(函数(){
$(“#容器”)。高图({
图表:{
类型:“列”
},
xAxis:{
类型:'类别',
},
亚克斯:{
分:0,,
},
...
系列:[{
数据:[
[‘上海’,23.7],
['Lagos',16.1],
[‘伊斯坦布尔’,14.2],
[‘卡拉奇’,14.0],
],
}]
});
});它包含在文档中。查看他们的网站:-你可能会发现更有用的想法。顺便说一句,记得发送,否则一些浏览器可能会犹豫

这是一种方式:

$(function () {
    // Get the CSV and create the chart
    $.getJSON('https://www.highcharts.com/samples/data/jsonp.php?filename=analytics.csv&callback=?', function (csv) {...
你也可以得到

最后,您可以重新绘制该图表。

它包含在中。查看他们的网站:-你可能会发现更有用的想法。顺便说一句,记得发送,否则一些浏览器可能会犹豫

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,
                 }]
             });
         },
});
这是一种方式:

$(function () {
    // Get the CSV and create the chart
    $.getJSON('https://www.highcharts.com/samples/data/jsonp.php?filename=analytics.csv&callback=?', function (csv) {...
你也可以得到


最后,您可以重新绘制图表。

这是官方演示,包括ajax加载:这是演示的JSFIDLE:这是官方演示,包括ajax加载:这是演示的JSFIDLE:
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,
                 }]
             });
         },
});