echarts动态设置X轴的值时,始终无法显示相关值
var myChart = echarts.init(document.getElementById('linechart'));
// 显示标题,图例和空的坐标轴
myChart.setOption({
title: {
text: '申请办件数量-折线图'
},
tooltip: {},
legend: {
data:['申请办件数量']
},
xAxis: {
data: []
},
yAxis: {},
series: [{
name: '申请办件数量',
type: 'line',
data: []
}],
toolbox: {
show : true,
feature : {
: {show: true},
magicType: {show: true, type: ['line', 'bar']},
saveAsImage : {show: true}
}
}
});
function getChartData(){
myChart.showLoading();
$.ajax({
url : webRoot + '/yp/common/statistic/charts/applyinfo_count_line.do',
type : 'POST',
data:{
D_TREE :$('#D_TREE').combobox('getText'),
CHARTS_DIMENSION:$("input[name='CHARTS_DIMENSION']:checked").val(),
DT_SUBMIT_BEGIN:$('#DT_SUBMIT_BEGIN').datebox('getValue'),
DT_SUBMIT_END:$('#DT_SUBMIT_END').datebox('getValue'),
},
dataType : 'json',
success : function(data) {
dataCallback(data);
}
});
}
function dataCallback(data){
myChart.hideLoading();
myChart.setOption({
xAixs:{
data: data.categories//[区发改委, 区绿化市容局]
//data:["周一", "周二"]
},
series: [{
name:'申请办件数量',
type:'line',
data:data.series_data
}]
});
}无论是用第一种data 还是第二种data直接写死,都无法显示
var myChart = echarts.init(document.getElementById('linechart'));
// 显示标题,图例和空的坐标轴
myChart.setOption({
title: {
text: '申请办件数量-折线图'
},
tooltip: {},
legend: {
data:['申请办件数量']
},
xAxis: {
data: []
},
yAxis: {},
series: [{
name: '申请办件数量',
type: 'line',
data: []
}],
toolbox: {
show : true,
feature : {
: {show: true},
magicType: {show: true, type: ['line', 'bar']},
saveAsImage : {show: true}
}
}
});
function getChartData(){
myChart.showLoading();
$.ajax({
url : webRoot + '/yp/common/statistic/charts/applyinfo_count_line.do',
type : 'POST',
data:{
D_TREE :$('#D_TREE').combobox('getText'),
CHARTS_DIMENSION:$("input[name='CHARTS_DIMENSION']:checked").val(),
DT_SUBMIT_BEGIN:$('#DT_SUBMIT_BEGIN').datebox('getValue'),
DT_SUBMIT_END:$('#DT_SUBMIT_END').datebox('getValue'),
},
dataType : 'json',
success : function(data) {
dataCallback(data);
}
});
}
function dataCallback(data){
myChart.hideLoading();
myChart.setOption({
xAixs:{
data: data.categories//[区发改委, 区绿化市容局]
//data:["周一", "周二"]
},
series: [{
name:'申请办件数量',
type:'line',
data:data.series_data
}]
});
}无论是用第一种data 还是第二种data直接写死,都无法显示
解决方案 »
- 网页自动登录功能问题
- 三年开发经验转技术支持或是销售会怎么样?
- 请问Struts Action中如何直接调用Response.redirect()?
- 谁有好的邮件群发软件,写上版本号
- 好急!请高手帮忙!在线等!
- JSP中怎样实现一次下载多个文件
- utf-8和gb2312互相转换如何做呀?
- appplet处理本地文件以及调用多个JAR包打包问题
- 请教这是什么错误?
- 这段代码怎么提示有javax.servlet.ServletException: [Microsoft][ODBC SQL Server Driver][SQL Server]在关键字 'inner' 附近有语法错误
- spring security 自定义UserDetailsService的问题
- javaweb通信
{
type : 'category',
data : mapAppList,
name :'地图APP'
}
],
yAxis : [
{
type : 'value',
name :'数量'
}
],
少了中括号
xAxis:{
min:0,
max:2400,
data:[],
type:'value',
formatter:function(data){
console.log(data);//打印出0,500,1000,1500,2000,2400.??
return data;}
}
myChart.setOption(
xAxis{
data:[929,930,935,955,1000,1100,1200,1330]})