echarts柱状图 与轴不重叠_用Echarts做堆积的柱状图,当横轴为“time”类型时,都是从0开始显示,而不是叠加,为什么会这样?...

echarts为Echarts2,在自己页面上做没有效果,因此在其例子

http://echarts.baidu.com/echa…

的基础上改为下面的代码(横轴改为时间类型)

var stime='2016-01-01',

etime='2016-09-01',

time=new Date('2016-04-01');

option = {

tooltip : {

trigger: 'axis',

axisPointer : {            // 坐标轴指示器,坐标轴触发有效

type : 'shadow'        // 默认为直线,可选为:'line' | 'shadow'

}

},

legend: {

data:['邮件营销','联盟广告']

},

xAxis : [

{

type : 'time',

min:new Date(stime.replace(/-/g,"/")),

max:new Date(etime.replace(/-/g,"/")),

}

],

yAxis : [

{

type : 'value'

}

],

series : [

{

name:'邮件营销',

type:'bar',

stack: '广告',

data:[[time,120]]

},

{

name:'联盟广告',

type:'bar',

stack: '广告',

data:[[time,220]]

}

]

};

效果图为:

发现也没有堆积,都是从零显示,而且纵轴也没有了,这是为什么?

可以把上述代码复制粘贴到例子链接页面的编辑框中,点“刷新”看效果。

看实例data应该是一个一维数组。

而且柱状图是一点对应一个数据,但你设置的是有最大最小值的连续横坐标。

我是提问者,折腾一番,用另外的办法解决了这个问题:不要把横轴type设置为time,依然是category。对横轴的data属性值进行动态添加,同样,series中的data值也只是一个一维数组。

不是好方法,但也算能用了。

注:在echarts3中,time类型的柱图是可以堆叠的。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值