highcharts 未定义series增加series
使用highcharts,由于series列不确定,需要查询出数据后增加,使用什么方法可以动态的增加series。现在的效果是,点击按钮后生成图像会有4个series,有...
使用highcharts,由于series列不确定,需要查询出数据后增加,使用什么方法可以动态的增加series。现在的效果是,点击按钮后生成图像会有4个series,有一个为空。我想在构建表的时候不定义series的个数,之后动态成功。是否可以实现,用什么方法,目前部分代码如下:
$(function() {
$(document).ready(function () {
//先把图表的参数定义好。
options = {
chart: {
renderTo: 'container',
type: 'column',
},
//构建表的其他信息。略
series: [ {
},{
},{
},{
}]
};
});
});
点击按钮后方法
function submitday() {
var logdate = $("#Logdate").val();
$.ajax({
url : 'sortServer_getRespByDay.action',
data : {
"logdate" : logdate
},
type : 'post',
cache : false,
dataType : 'json',
success : function(data) {
options.xAxis.categories = data[0];
options.series[0].name=data[2][0];
options.series[0].data = data[1];
options.series[1].name=data[2][1];
options.series[1].data = data[1];
options.series[2].name=data[2][2];
options.series[2].data = data[1];
chart = new Highcharts.Chart(options);
},
error : function() {
alert('操作错误! ');
science = false;
return;
}
});
} 展开
$(function() {
$(document).ready(function () {
//先把图表的参数定义好。
options = {
chart: {
renderTo: 'container',
type: 'column',
},
//构建表的其他信息。略
series: [ {
},{
},{
},{
}]
};
});
});
点击按钮后方法
function submitday() {
var logdate = $("#Logdate").val();
$.ajax({
url : 'sortServer_getRespByDay.action',
data : {
"logdate" : logdate
},
type : 'post',
cache : false,
dataType : 'json',
success : function(data) {
options.xAxis.categories = data[0];
options.series[0].name=data[2][0];
options.series[0].data = data[1];
options.series[1].name=data[2][1];
options.series[1].data = data[1];
options.series[2].name=data[2][2];
options.series[2].data = data[1];
chart = new Highcharts.Chart(options);
},
error : function() {
alert('操作错误! ');
science = false;
return;
}
});
} 展开
展开全部
series: [
<c:forEach var="x" begin="0" end="9">
{},
</c:forEach>
]
这里可以多定义几个,够用就行
在下面方法会删除多余的
for(var i=0;i<data[3];i++){
options.series[i].name = data[1][i];
options.series[i].data = data[2][i];
}
chart = new Highcharts.Chart(options);
for(var i=0;i<10;i++){
if(chart.series.length>data[3]){
var j=chart.series.length;
chart.series[j-1].remove();
}
}
看不懂就问
<c:forEach var="x" begin="0" end="9">
{},
</c:forEach>
]
这里可以多定义几个,够用就行
在下面方法会删除多余的
for(var i=0;i<data[3];i++){
options.series[i].name = data[1][i];
options.series[i].data = data[2][i];
}
chart = new Highcharts.Chart(options);
for(var i=0;i<10;i++){
if(chart.series.length>data[3]){
var j=chart.series.length;
chart.series[j-1].remove();
}
}
看不懂就问
展开全部
series 本质上是一个数组,你自己定义一个数组
myseries=new Array();
然后你获取你的数据后再myseries.push();
然后把myseries赋值给options的series不就得啦
myseries=new Array();
然后你获取你的数据后再myseries.push();
然后把myseries赋值给options的series不就得啦
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
定义一个带参函数
function chartConfig(data){
//先把图表的参数定义好。
options = {
chart: {
renderTo: 'container',
type: 'column',
},
series: [ data.options.series[i]
},{
},{
},{
}]
};
});
});
}
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询