【发布时间】：2013-02-07 00:07:00
【问题描述】：
我正在使用 CI (+HMVC) 在表单上显示带有 ajax 事件的 Highcharts。
我的 pb 是为图表创建有效系列。我必须从 mysql DB 创建 6 个系列。我的图表代码的灵感来自 blank page highchart in using jquery to call json arrary.
我的观点
（<?=$instance_graph?> 无处不在，因为我希望能够实例化多个图表）
$(document).ready(function() {
$('#submit<?=$instance_graph?>').click(function() {
$('#rendu_graph<?=$instance_graph?>').html('');
var form_data = {
from : $('#from[name=from<?=$instance_graph?>]').val(),
to : $('#to[name=to<?=$instance_graph?>]').val(),
parametre : $('#parametre[name=parametres<?=$instance_graph?>]').val(),
ajax : '1'
};
$.ajax({
url: "<?= site_url('graph_meteo/ajax_graph'); ?>",
type: 'POST',
async : false,
data: form_data,
dataType:'json',
success: function(data) {
//alert(msg) ;
//$('#rendu_graph<?=$instance_graph?>').html(msg);
var chartSeriesData=[];
$.each(data, function(i,item){
var series_name = item.name;
var series_data = item.data;
var series = {data: item.data,name:series_name};
chartSeriesData.push(series);
});
console.log(chartSeriesData) ;
chart = new Highcharts.Chart({ //Début du Highchar
chart: {
renderTo: 'rendu_graph<?=$instance_graph?>',
type: 'spline'
},
title: {
text: 'Graph'
},
subtitle: {
text: 'Title'
},
xAxis: {
type: 'datetime'
},
yAxis: {
title: {
text: 'param 1'
}
},
tooltip: {
formatter: function () {
return '<b>' + this.series.name + '</b><br/>' + Highcharts.dateFormat('%a %d %b %H:%M', this.x) + ': ' + this.y + ' m';
}
},
series: chartSeriesData
})
创建的系列的console.log：
[Object { data="[Date.UTC(2013,02,06,14,15),65.09375]", name="Station 1"}, Object { data="[Date.UTC(2013,02,06,14,15),65.09375]", name="Station 1"}, Object { data="[Date.UTC(2013,02,06,14,15),65.09375]", name="Station 1"}, Object { data="[Date.UTC(2013,02,06,14,30),63.425]", name="Station 1"}.
当然，我对每个对象都有一个系列，没有情节：
编辑：我正在寻找一种方法来使用这些数据（1 行）制作一个漂亮的工作图，并且我希望我的代码适用于许多行/系列。我的大 pb 是从查询结果开始到图表系列格式。一个例子可能是很好的答案。
希望你能在我发疯之前帮助我！
【问题讨论】：
-
您在寻求什么帮助？你没有问问题
-
你看！我开始生气了！我在第一篇文章的底部有真正的问题。
标签： javascript ajax json codeigniter highcharts