Javascript 使用json和ajax(php)的highcharts日期和值格式
任何人编辑我的海图代码。 我想使用ajax、php和json显示带有日期(utc格式)的值($row['sayi'])。我不喜欢它。 有人帮我吗 (对不起,我的英语不好) 我的js代码:Javascript 使用json和ajax(php)的highcharts日期和值格式,javascript,php,ajax,json,highcharts,Javascript,Php,Ajax,Json,Highcharts,任何人编辑我的海图代码。 我想使用ajax、php和json显示带有日期(utc格式)的值($row['sayi'])。我不喜欢它。 有人帮我吗 (对不起,我的英语不好) 我的js代码: function inithighcharts() { var highchartsOptions = Highcharts.setOptions({ lang: { loading: 'Yükleniyor...', months: ['Oc
function inithighcharts() {
var highchartsOptions = Highcharts.setOptions({
lang: {
loading: 'Yükleniyor...',
months: ['Ocak', 'Şubat', 'Mart', 'Nisan', 'Mayıs', 'Haziran', 'Temmuz', 'Ağustos', 'Eylül', 'Ekim', 'Kasım', 'Aralık'],
weekdays: ['Pazar', 'Pazartesi', 'Salı', 'Çarşamba', 'Perşembe', 'Cuma', 'Cumartesi'],
shortMonths: ['Ocak', 'Şubat', 'Mart', 'Nisan', 'Mayıs', 'Haziran', 'Temmuz', 'Ağustos', 'Eylül', 'Ekim', 'Kasım', 'Aralık'],
exportButtonTitle: "Dışarı Aktar",
printButtonTitle: "Yazdır",
rangeSelectorFrom: "Başlangış",
rangeSelectorTo: "Bitiş",
rangeSelectorZoom: "Periyot",
downloadPNG: 'PNG Olarak indir',
downloadJPEG: 'JPEG olarak indir',
downloadPDF: 'PDF olarak indir',
downloadSVG: 'SVG olarak indir',
resetZoom: ['Yakınlaşmayı Sıfırla'],
resetZoomTitle:['Yakınlaşmayı Sıfırla'],
printChart:['Yazdır'],
numericSymbols:[ "B" , "M" , "G" , "T" , "P" , "E"]
// thousandsSep: ".",
// decimalPoint: ','
}
});
var options = {
chart: {
zoomType: 'x',
renderTo: 'canvas',
},
lang: {
months: ['Ocak', 'Şubat', 'Mart', 'Nisan', 'Mayıs', 'Haziran', 'Temmuz', 'Ağustos', 'Eylül', 'Ekim', 'Kasım', 'Aralık'],
weekdays: ['Pazar', 'Pazartesi', 'Salı', 'Çarşamba', 'Perşembe', 'Cuma', 'Cumartesi'],
shortMonths: [ 'Ocak', 'Şubat', 'Mart', 'Nisan', 'Mayıs', 'Haziran', 'Temmuz', 'Ağustos', 'Eylül', 'Ekim', 'Kasım', 'Aralık'],
resetZoom: ['Yakınlaşmayı Sıfırla'],
resetZoomTitle:['Yakınlaşmayı Sıfırla'],
loading:['Yükleniyor...']
},
title: {
text: 'Yayıncı Kazanç, Görüntülenme, Tıklanma ve Tıklanma Oranı İstatistikleri'
},
subtitle: {
text: document.ontouchstart === undefined ?
'Ayrıntılı İstatistik için İstediğiniz Alanı Tıklayıp Sürükleyin' :
'Ayrıntılı İstatistik için İstediğiniz Alanı Tıklayıp Sürükleyin'
},
xAxis: {
type: 'datetime',
minRange: 24 * 3600000, // fourteen days
ordinal:false
},
yAxis: {
title: {
text: 'Tıklanmalar'
}
},
legend: {
enabled: false
},
credits: {
enabled: false
},
plotOptions: {
area: {
fillColor: {
linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1},
stops: [
[0, Highcharts.getOptions().colors[0]],
[1, Highcharts.Color(Highcharts.getOptions().colors[0]).setOpacity(0).get('rgba')]
]
},
marker: {
radius: 2
},
lineWidth: 1,
states: {
hover: {
lineWidth: 1
}
},
threshold: null
}
},
series: [{
type: 'area',
name: 'USD to EUR',
pointInterval: 24 * 3600 * 1000,
pointStart: Date.UTC(2014, 05, 01),
data:[]
}]
};
$.ajax({
url: 'http://localhost/yfonksiyonlar/grafikyenile',
datatype: "json",
success: function(msg) {
alert(msg);
options.series[0].name='deneme';
options.series[0].data= msg;
var chart = $('#canvas').highcharts(options);
},
cache: false
});
}
inithighcharts();
我的php代码:
$array['name'] = 'Görüntülenmeler';
foreach($data['grafik']->result_array() as $row){
$array[]=[$row['gun'],$row['sayi']];
}
echo json_encode($array);
什么格式应该有
数据:[]
?给我举个例子[Date.UTC(2013,0,1,08,00),5.5],你的Highcharts代码看起来非常好。我猜PHP-setJSON\u NUMERIC\u CHECK
在JSON\u encode(arr,JSON\u NUMERIC\u CHECK
中有一些问题。无论如何,你不能在JSON中使用Date.UTC()
函数,请阅读JSON结构。应该在ms中有时间戳。