echart折柱混合图,需要第一节和最后一节用柱状显示,中间用折线显示,如图所示
红色的都是同一段数据,蓝色的都是同一段数据
在option的series中该如何写?
突然发现自己也是有点无聊了
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>bar</title>
</head>
<body>
<div id="bar" style="height: 300px;width:300px"></div>
</body>
<script src="js/jquery-2.0.0.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/echarts.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
var bars=echarts.init( document.getElementById('bar'));
barOption={
color:["#cc0000","#0000cc"],
yAxis:
{
gridIndex:0,
name:'/MB',
nameGap:0,
type:'value'
}
,
xAxis:
{
name:'主机ip地址',
type:'category',
nameGap:0,
data:['127.0.0.1','127.0.0.2','127.0.0.3','127.0.0.4']
}
,
series:[
{
name:'1',
type:'bar',
stack:'bar',
data:[110,null,null,80]
},
{
name:'2',
type:'bar',
stack:'bar',
data:[50,null,null,80]
},
{
name:'3',
type:'line',
// stack:'bar',
data:[null,88,99,null]
},
{
name:'4',
type:'line',
// stack:'bar',
data:[null,60,70,null]
}
]
};
bars.setOption(barOption);
</script>
</html>
两个series
一个折现,一个柱形
柱形的data:[a,,,,,,,,b]
折现的 data:[,c,d,e,f,null];