echarts动态设置X轴的值时,始终无法显示相关值

[复制链接]
查看11 | 回复7 | 2021-1-27 06:49:03 | 显示全部楼层 |阅读模式
echarts动态设置X轴的值时,始终无法显示相关值

varmyChart=echarts.init(document.getElementById('linechart'));
//显示标题,图例和空的坐标轴
myChart.setOption({
title:{
text:'申请办件数量-折线图'
},
tooltip:{},
legend:{
data:['申请办件数量']
},
xAxis:{
data:[]
},
yAxis:{},
series:[{
name:'申请办件数量',
type:'line',
data:[]
}],
toolbox:{
show:true,
feature:{
mark:{show:true},
magicType:{show:true,type:['line','bar']},
saveAsImage:{show:true}
}
}
});
functiongetChartData(){
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);
}
});
}
functiondataCallback(data){
myChart.hideLoading();
myChart.setOption({
xAixs:{
data:data.categories//[区发改委,区绿化市容局]
//data:["周一","周二"]
},
series:[{
name:'申请办件数量',
type:'line',
data:data.series_data
}]
});
}
无论是用第一种data还是第二种data直接写死,都无法显示

分 -->
回复

使用道具 举报

千问 | 2021-1-27 06:49:03 | 显示全部楼层
把第12行的:data:[]先去掉试试
回复

使用道具 举报

千问 | 2021-1-27 06:49:03 | 显示全部楼层
楼主问题解决了吗
回复

使用道具 举报

千问 | 2021-1-27 06:49:03 | 显示全部楼层
xAxis:[
{
type:'category',
data:mapAppList,
name:'地图APP'
}
],
yAxis:[
{
type:'value',
name:'数量'
}
],

少了中括号
回复

使用道具 举报

千问 | 2021-1-27 06:49:03 | 显示全部楼层
没显示会有报错吧,报什么错
回复

使用道具 举报

千问 | 2021-1-27 06:49:03 | 显示全部楼层
你用哪个图,直接去官网看demo不就行了。
回复

使用道具 举报

千问 | 2021-1-27 06:49:03 | 显示全部楼层
我在使用过程中也出现这个问题,横轴的数据一致无法显示,后来控制台打印了xAxis的data是有数据的,通过与官网例子的代码比较发现是定义grid的原因,grid有四个参数:x,y,x2,y2,x和y代表图表左上角的分别距左边和上面位置,x2和y2代表图表右下角距右边和下面位置,由于y2定义的太小了,距下面的距离太小,所以x轴的数据被挤到下面去了,没有显示,把y2的值调大些就好了。


回复

使用道具 举报

千问 | 2021-1-27 06:49:03 | 显示全部楼层
楼主问题解决了吗?我也遇到同样的问题,我这边如果xAxis设置min,max的话,显示的就是min~max的值。
xAxis:{
min:0,
max:2400,
data:[],
type:'value',
formatter:function(data){
console.log(data);//打印出0,500,1000,1500,2000,2400.??
returndata;}
}
myChart.setOption(
xAxis{
data:[929,930,935,955,1000,1100,1200,1330]})
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

主题

0

回帖

4882万

积分

论坛元老

Rank: 8Rank: 8

积分
48824836
热门排行