highcharts热图与getjson
我需要这张热图的帮助highcharts热图与getjson,highcharts,heatmap,Highcharts,Heatmap,我需要这张热图的帮助 $(document).ready(function(){ var grf_heatmap = { chart: { type: 'heatmap', renderTo:'map', height: 600, marginTop: 40, marginBottom: 40 }, title: { text: 'heatmap' },
$(document).ready(function(){
var grf_heatmap = {
chart: {
type: 'heatmap',
renderTo:'map',
height: 600,
marginTop: 40,
marginBottom: 40
},
title: {
text: 'heatmap'
},
xAxis: {
categories: []
},
yAxis: {
categories: []
},
colorAxis: {
min: 0,
minColor: '#FFFFFF',
maxColor: '#990041'
},
legend: {
align: 'right',
layout: 'vertical',
margin: 0,
verticalAlign: 'top',
y: 25,
symbolHeight: 320
},
series: [{
turboThreshold:0,
borderWidth: 1,
point: {
events: {
click: function(e) {
//this.slice();
//console.log(e);
location.href = e.point.options.url;
e.preventDefault();
}
}
},
data:[],
dataLabels: {
enabled: true,
color: 'black',
style: {
textShadow: 'none',
HcTextStroke: null
}
}
}]}
$.getJSON("data.php", function(json) {
grf_heatmap.yAxis.categories = json[0]['data'];
grf_heatmap.xAxis.categories = json[2]['data'];
grf_heatmap.series[0].data = json[1]['data'];
chart = new Highcharts.Chart(grf_heatmap);
});
})
php重新运行json,如下所示
[{"name":"EjeY",
"data":["NameA"]},
{"name":"datos",
"data":["{x:0,y:0,value:1,url:'test.php'}",
"{x:1,y:0,value:3,url:'test.php'}"]},
{"name":"EjeX",
"data":["1","2"]}
]
但结果是一张空白图表
我做错了什么?,
如果我只对xAxis和yAxis类别使用json,并用这些数据完成图表
data[{x:0,y:0,value:1,url:'test.php'},{x:1,y:0,value:3,url:'test.php'}],
它起作用了
Tanks,This:
“{x:0,y:0,value:1,url:'test.php'}”
是字符串。您需要一个对象:{x:0,y:0,value:1,url:'test.php'}
(不带引号)。但是json[1]['data']是一个对象(用“type of”验证),我不确定。。我当然在你们的数据中看到了字符串。控制台中是否有错误?确定json[1]['data'][0]和json[1]['data'][1]是字符串,如何将其转换为对象?方法与创建更高级别的对象相同<代码>{“name”:“datos”,“data”:[“{x:0,y:0,value:1,url:'test.php'}”-这是一个正确的对象,有两个属性,name
和data
。您的php(我想)应该返回正确的JSON。