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類型的柱圖是可以堆疊的。

總結

以上是生活随笔為你收集整理的echarts柱状图 与轴不重叠_用Echarts做堆积的柱状图，当横轴为“time”类型时，都是从0开始显示，而不是叠加，为什么会这样？...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。