echarts柱状图 与轴不重叠_用Echarts做堆积的柱状图，当横轴为“time”类型时，都是从0开始显示，而不是叠加，为什么会这样？...
echarts為Echarts2，在自己頁(yè)面上做沒(méi)有效果，因此在其例子
http://echarts.baidu.com/echa…
的基礎(chǔ)上改為下面的代碼(橫軸改為時(shí)間類型)
var stime='2016-01-01',
etime='2016-09-01',
time=new Date('2016-04-01');
option = {
tooltip : {
trigger: 'axis',
axisPointer : { ? ? ? ? ? ?// 坐標(biāo)軸指示器，坐標(biāo)軸觸發(fā)有效
type : 'shadow' ? ? ? ?// 默認(rèn)為直線，可選為：'line' | 'shadow'
}
},
legend: {
data:['郵件營(yíng)銷','聯(lián)盟廣告']
},
xAxis : [
{
type : 'time',
min:new Date(stime.replace(/-/g,"/")),
max:new Date(etime.replace(/-/g,"/")),
}
],
yAxis : [
{
type : 'value'
}
],
series : [
{
name:'郵件營(yíng)銷',
type:'bar',
stack: '廣告',
data:[[time,120]]
},
{
name:'聯(lián)盟廣告',
type:'bar',
stack: '廣告',
data:[[time,220]]
}
]
};
效果圖為：
發(fā)現(xiàn)也沒(méi)有堆積，都是從零顯示，而且縱軸也沒(méi)有了，這是為什么？
可以把上述代碼復(fù)制粘貼到例子鏈接頁(yè)面的編輯框中，點(diǎn)“刷新”看效果。
看實(shí)例data應(yīng)該是一個(gè)一維數(shù)組。
而且柱狀圖是一點(diǎn)對(duì)應(yīng)一個(gè)數(shù)據(jù)，但你設(shè)置的是有最大最小值的連續(xù)橫坐標(biāo)。
我是提問(wèn)者，折騰一番，用另外的辦法解決了這個(gè)問(wèn)題：不要把橫軸type設(shè)置為time，依然是category。對(duì)橫軸的data屬性值進(jìn)行動(dòng)態(tài)添加，同樣，series中的data值也只是一個(gè)一維數(shù)組。
不是好方法，但也算能用了。
注：在echarts3中，time類型的柱圖是可以堆疊的。
總結(jié)
以上是生活随笔為你收集整理的echarts柱状图 与轴不重叠_用Echarts做堆积的柱状图，当横轴为“time”类型时，都是从0开始显示，而不是叠加，为什么会这样？...的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： php 回调通知 连连支付_php怎么写
- 下一篇： 机器学习模型 知乎_机器学习中有哪些模型