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