// 這里我從 phpfile 獲取另一個 json 編碼數據 $(document).ready(function () { showGraph(); }); function showGraph() { { $.post("phpfile.php", function (data) { console.log(data); var name = []; var marks = []; var height=[];//在這里，因為我無法單獨編碼兩個 json 數組，所以我將它聲明為一個變量，然后使用它 var jsonfile =[{"height":"85","st_name":"Name1"},{"height":"100","st_name":"Name3"},{"height":"92","st_name":"Name4"},{"height":"104","st_name":"Name5"},{"height":"91","st_name":"Name2"},{"height":"99","st_name":"Name6"},{"height":"140","st_name":"AI346"},{"height":"139","st_name":"abc"},{"height":"141","st_name":"def"},{"height":"140","st_name":"ghi"},{"height":"144","st_name":"jkl"},{"height":"130","st_name":"lmn"},{"height":"142","st_name":"opq"},{"height":"132","st_name":"rst"},{"height":"135","st_name":"xyz"},{"height":"135","st_name":"asdfsf"}];//這里我從phpfile(1st Json array)讀取數據 for (var i in data) { name.push(data[i].st_name); marks.push(data[i].height); }//這里我試圖從第二個json訪問數據 for (var i=0;i<jsonfile.length;i++){ if(jsonfile[i].height==100) { height.push(jsonfile[i].height)} }//我的圖形函數，當我這樣做時，我得到一個帶有第二個json（高度變量）的單點，但我需要在某種條件下突出顯示特定點......我不明白該怎么做。 var chartdata = { labels: name, datasets: [ { label: 'height', fill:false, lineTension:0.5, backgroundColor: '#5B2C6F', borderColor: '#5B2C6F', pointHoverBackgroundColor: '#5B2C6F', pointHoverBorderColor: '#5B2C6F', data: marks //data:height }, </script>
1 回答
神不在的星期二
TA貢獻1963條經驗 獲得超6個贊
我會努力改善這一點。
var data =[{"height":"85","st_name":"Name1","color":"rgba(85, 85, 255, 255)"},{"height":"100","st_name":"Name3","color":"rgba(255, 0, 0, 2)"},{"height":"92","st_name":"Name4","color":"rgba(85, 85, 255, 255)"},{"height":"104","st_name":"Name5","color":"rgba(85, 85, 255, 255)"}];
var height = [];
var label = [];
var color = [];
for(i = 0; i<data.length; i++){
height.push(data[i]['height']);
label.push(data[i]['st_name']);
color.push(data[i]['color']);
}
var ctx = document.getElementById('myLine').getContext('2d');
var myLineChart = new Chart(ctx, {
type: 'line',
data: {
labels: label,
datasets: [{
data: height,
pointBorderColor: color,
}]
}
});
- 1 回答
- 0 關注
- 141 瀏覽
添加回答
舉報
0/150
提交
取消