HighCharts我们无法在y轴上一次性添加堆叠的条形图
添加正在使用的代码段HighCharts我们无法在y轴上一次性添加堆叠的条形图,highcharts,Highcharts,添加正在使用的代码段 Highcharts.chart('container'{ 图表:{ 类型:'bar' }, 标题:{ 文本:“堆叠条形图” }, xAxis:{ 类别:['M1'] }, 亚克斯:{ 键入:“日期时间”, 最小值:1420063200000, 最大值:1420063920000, 标题:{ 正文:“水果总消费量” } }, 图例:{ 对 }, 打印选项:{ 系列:{ 堆叠:“正常” } }, 系列:[{ 名称:'空闲', 数据:[1420063500000] }, {
Highcharts.chart('container'{
图表:{
类型:'bar'
},
标题:{
文本:“堆叠条形图”
},
xAxis:{
类别:['M1']
},
亚克斯:{
键入:“日期时间”,
最小值:1420063200000,
最大值:1420063920000,
标题:{
正文:“水果总消费量”
}
},
图例:{
对
},
打印选项:{
系列:{
堆叠:“正常”
}
},
系列:[{
名称:'空闲',
数据:[1420063500000]
}, {
名称:“Idle1”,
数据:[1420064200000]
}]
});代码>
您添加了最小和最大限制,因为它没有显示其他图表,因为数据超出限制。更改最小值和最大值或更改数据
我尝试了同样的例子,没有最小和最大限制它的工作良好
Highcharts.chart('container'{
图表:{
类型:'bar'
},
标题:{
文本:“堆叠条形图”
},
xAxis:{
类别:['M1']
},
亚克斯:{
键入:“日期时间”,
标题:{
正文:“水果总消费量”
}
},
图例:{
对
},
打印选项:{
系列:{
堆叠:“正常”
}
},
系列:[{
名称:'空闲',
数据:[1420063500000]
}, {
名称:“Idle1”,
数据:[1420064200000]
}]
});代码>
您的数据超出了min
和max
范围。值:1420063500000
和1420064200000
进行堆叠,从而创建2840127700000
值。您可能希望使用:
plotOptions: {
series: {
stacking: 'normal'
}
},
series: [{
name: 'Idle',
data: [700000]
}, {
name: 'Idle1',
data: [1420063500000]
}]
现场演示:
API参考:Highcharts.chart('container',{chart:{type:'bar'},标题:{text:'Stacked bar chart'},xAxis:{categories:['M1']},yAxis:{type:'datetime',min:1420063200000,max:1420063920000,标题:{text:'Total fruit consumption'},图例:{reversed:true},绘图选项:{series:{stacking:'normal'},series:[{name:'Idle',data:[1420063500000]},{name:'Idle1',data:[1420064200000]};这是相同的示例代码示例。