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直接写死,都无法显示

解决方案 »

  1.   

    把第12行的:    data: []先去掉试试
      

  2.   

     xAxis : [
            {
                type : 'category',
                data : mapAppList,
                name :'地图APP'
            }
        ],
        yAxis : [
            {
                type : 'value',
                name :'数量'
            }
        ],
    少了中括号
      

  3.   

    你用哪个图,直接去官网看demo不就行了。
      

  4.   

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

  5.   

    楼主问题解决了吗?我也遇到同样的问题,我这边如果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.??
    return data;}
    }
    myChart.setOption(
    xAxis{
    data:[929,930,935,955,1000,1100,1200,1330]})