echarts的X轴如何固定 不变呢

zhanggx000 发布于 2017/06/14 20:43
阅读 1K+
收藏 0

@Kener-林峰 你好,想跟你请教个问题:

业务需求

我自己做的

    // 基于准备好的dom,初始化echarts实例
    var myChart = echarts.init(document.getElementById('main'));
    // 指定图表的配置项和数据
    var option = {
        tooltip : {
            trigger : 'axis', //坐标轴触发提示框,多用于柱状、折线图中
        },
        legend : { //图表上方的类别显示               
            show : true,
            data : [ '人数(p)' ]
        },
        color : [ '#FF3333' //人数曲线颜色
        ],
        toolbox : { //工具栏显示             
            show : true,
            feature : {
                saveAsImage : {}
            //显示“另存为图片”工具
            }
        },
        xAxis : [ //X轴   
        {         
            type : 'category',
            boundaryGap : false,
            data : datas2
        } ],
        yAxis : [ //Y轴
        {
            type : 'value',
            name : '人数',
            axisLabel : {
                formatter : '{value} 人' //控制输出格式
            }
        } ],
        series : [ //系列(内容)列表                      
        {
            name : '人数(p)',
            type : 'line', //折线图表示
            symbol : 'emptycircle', //设置折线图中表示每个坐标点的符号;emptycircle:空心圆;emptyrect:空心矩形;circle:实心圆;emptydiamond:菱形                        
            data : datas
        } ]
    };
    /* myChart.showLoading(); //数据加载完之前先显示一段简单的loading动画 */
    
    myChart.setOption(option); //载入图表
    

 

X轴datas2 返回的数据

加载中
返回顶部
顶部