echo json_encode($json); //str_replace('"','',..) это как понимать? Невалидный JSON формат получится после этого
str_replace('"','',..) вот это использовал, так как данные для библиотеки Highstock должны быть в таком формате [[1354193753,1],...,[1431069592,2]]
Вот весь код
$(function () {
//--------------------------------------------------------------------------------------------------------
Highcharts.setOptions({
lang: {
},
global: {
useUTC: false
}
});
//-----------------------------------------------------------------------------------------------------------
var seriesOptions = [],
seriesCounter = 0,
yAxiss = 0,
vos = 0,
styl = 0,
itog = 0,
points = 10,
names = ['1']
createChart = function () {
$('#container').highcharts('StockChart', {
colors: ["#f45b5b", "#8085e9", "#8d4654", "#7798BF", "#aaeeee", "#ff0066", "#eeaaee",
"#55BF3B", "#DF5353", "#7798BF", "#aaeeee"],
chart: {
backgroundColor: null,
borderColor: '#EBBA95',
borderWidth: 2,
borderRadius: 10,
style: {
fontFamily: 'serif',
fontSize:"15px",
},
events : {
},
zoomType: 'x',
},
//-----------------------------НАСТРОЙКА КНОПОК ВРЕМЕННЫХ ИНТЕРВАЛОВ--------------------
rangeSelector: {
buttons: [
],
inputEnabled: false,
// inputDateFormat: '%d.%m.%Y', // Меняем на привычный для нас формат даты в интервалах
// inputEditDateFormat: '%d.%m.%Y',
buttonTheme: {
fill: 'white',
stroke: '#C0C0C8',
'stroke-width': 1,
states: {
select: {
fill: '#D0D0D8'
}
},
width: 60,
},
selected: 4 // Какая кнопка выбрана по умолчанию
},
//-------------------------------------------------ОСЬ У---------------------------------------------------------
xAxis: [{
gridLineWidth: 1,
}],
yAxis: [
{ // Правая ось
title : {
text : 'Температура в центре(2) °C',
},
lineWidth : 3,
tickWidth : 3,
tickLength : 6,
labels : {
align : 'left',
formatter : function () {
return Highcharts.numberFormat(this.value, 1, '.', '')+ '°';
}
},
},
{ // левая ось
opposite: false,
title : {
text : 'Температура на потолке °C',//Название оси
},
lineWidth : 3,//толщина шкалы
tickWidth : 3,//толщина штриха
tickLength : 6,//длина штриха
labels : {
align : 'right',//Сторона подписи оси
formatter : function () {
//return Highcharts.numberFormat(this.value, 1);//значения по 0,5
return Highcharts.numberFormat(this.value, 1, '.', '')+ '°';//Значения по сотым
}
},
}
],
//----------------------------------------------------Настройка легенды-------------------------------------
legend: {
enabled: true,
align: 'center',
borderWidth: 2,
// layout: 'vertical',
verticalAlign: 'bottom',
// itemDistance: 50,//Дистанция между чартами
shadow: true,
},
//----------------------------------------------------Подсказки---------------------------------------------
//------------------------------------------------------------------------------------------------------
tooltip: {
backgroundColor: 'rgba(250, 250, 250, .85)', // Фон немного темнее
borderColor: 'rgba(100, 100, 100, .90)', // Цвет границы (по умолчанию меняется автоматом)
xDateFormat: '%d.%m.%Y %H:%M', // Наш формат даты
// Тут немного увеличиваем размер даты
headerFormat: '<span style="font-size: 12px">{point.key}</span><br/>',
// Формат надписей в подсказке, названия цветом графика, а значения жирным
pointFormat: '<span style="color:{series.color}">{series.name}</span>: <b>{point.y}</b><br/>',
},
//----------------------------------------------------PlotOptions------------------------------------
plotOptions: {
series: {
states: {
hover: {
enabled: true,
lineWidth: 3
}
}
}
},
//-------------------------------------------------------------------------------------------------------------
//--------------------------------------------------------------------------------------------------------------
title: {
text: 'Система термомониторинга',
color: 'black',
fontSize: '16px',
fontWeight: 'bold'
},
credits : {
enabled : false //выключаем логотип чарта
},
subtitle: {
text: 'График построен за ...',
},
//------------------------------------------------------ДАННЫЕ------------------------------------------------
series: seriesOptions,
});
};
$.each(names, function (i, name) {
$.getJSON('http://sa1.ru/jsonp.php?name=' + name.toLowerCase(), function (data) {
alert (data);
seriesOptions[i] = {
yAxis: yAxiss,
name: label,
data: data,
type: 'spline',
dashStyle: styl,
tooltip: {
valueSuffix: tips,//tips
},
marker : {
enabled : false,//если true то отображает каждую точку на графике
radius: 4,
states : {
hover : {
enabled : true,//появление маркеров при наведении
radius : 5,//Радиус обозначения точки на графике
}
}
},
};
seriesCounter += 1;
if (seriesCounter === names.length) {
createChart();
}
});
});
});