hi 林峰~~在线急等求解,万分感谢!!!

jessya 发布于 2014/05/08 12:36
阅读 180
收藏 0

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

我阅读了API发现在echart上中对横坐标为日期的情况都是穷举 如:

 xAxis : [
        {
            type : 'category',
            boundaryGap : true,
            axisTick: {onGap:false},
            splitLine: {show:false},
            data : [
                "2013/1/26", "2013/1/25", "2013/1/28", "2013/1/29", "2013/1/30",
                "2013/1/31", "2013/2/1", "2013/2/4", "2013/2/5", "2013/2/6", 
                "2013/2/7", "2013/2/8", "2013/2/18", "2013/2/19", "2013/2/20", 
                "2013/2/21", "2013/2/22", "2013/2/25", "2013/2/26", "2013/2/27", 
                "2013/2/28", "2013/3/1", "2013/3/4", "2013/3/5", "2013/3/6", 
                "2013/3/7", "2013/3/8", "2013/3/11", "2013/3/12", "2013/3/13", 
                "2013/3/14", "2013/3/15", "2013/3/18", "2013/3/19", "2013/3/20", 
                "2013/3/21", "2013/3/22", "2013/3/25", "2013/3/26", "2013/3/27", 
                "2013/3/28", "2013/3/29", "2013/4/1", "2013/4/2", "2013/4/3", 
                "2013/4/8", "2013/4/9", "2013/4/10", "2013/4/11", "2013/4/12", 
                "2013/4/15", "2013/4/16", "2013/4/17", "2013/4/18", "2013/4/19", 
                "2013/4/22", "2013/4/23", "2013/4/24", "2013/4/25", "2013/4/26", 
                "2013/5/2", "2013/5/3", "2013/5/6", "2013/5/7", "2013/5/8", 
                "2013/5/9", "2013/5/10", "2013/5/13", "2013/5/14", "2013/5/15", 
                "2013/5/16", "2013/5/17", "2013/5/20", "2013/5/21", "2013/5/22", 
                "2013/5/23", "2013/5/24", "2013/5/27", "2013/5/28", "2013/5/29", 
                "2013/5/30", "2013/5/31", "2013/6/3", "2013/6/4", "2013/6/5", 
                "2013/6/6", "2013/6/7", "2013/6/13"
            ]
        }
    ],

且上述日期必须按照绪论 否展示效果不符合逻辑

但是之前我用过的highcharts确可以动态的实现,传入日期开始及横坐标的间隔就可以指定横坐标了,且设置xAxis的type=“datetime”

如:

 xAxis: { 
           type: 'datetime',
           gridLineWidth: 0,
           offset:2,
           dateTimeLabelFormats: {
            second: '%S',
                     minute: '%H:%M',
                     hour: '%H:%M',
                     day: '%y-%m-%d',
                     week: '%Y<br/>%m-%d',
                     month: '%m'
           }
        }

 plotOptions: {
            series: {
            
                pointStart: parseInt(beginDataMiles),//开始日期
                pointInterval: 60*60*1000 //每小时间隔 也可以改成一天一间隔,在于日期之前的间隔大小
            }
        },

传入的yAxis 的data组织成类似一下的格式

var node = { 
"x":disptime[u],//时间戳
"y":nums//对应的值
};
  series.data.push(node);

这样就很比较灵活

请问echarts中对横坐标类型是否有这样的支持?是否能动态的控制?


加载中
0
Kener-林峰
Kener-林峰

恩,这我们知道,目前没有专门的时间轴,其实我们也有这个需求,但我们会做一层dataAdapter,这在我们看来这是数据层的事情,object到array的转换和axis.data的抽取都在这层里做,这并不属于图表展现层应该做的,如有需要建议自己做这个分层或扩展。就像recharts里就是一行代码出图表的,他们用r语言做了厚厚的一层数据处理。

jessya
jessya
好的,谢谢您的解答~~
返回顶部
顶部