1.柱状图的标题[位置、内容自定义]
series: [{
name: '标题',
type: 'bar',
data: titleArray,
label: {
normal: {
position: 'top',
show: true,
color:'rgb(1,1,1)',//设置标题的颜色
//通过方法formatter自定义柱状图的标题
formatter:function(param){
return "第" + param.value + "名"
}
}
}]
在option series下的label position的-设置柱状体的title的位置
(1). Inside自适应,柱状内部中央
top 柱状外的正上方
bottom 柱状外的正下方
left 柱状外的左边
right 柱状外的右边
(2).坐标[x,y]以柱状图的顶部为原点
(3).insideTop 柱状内部靠顶部
insideBottom 柱状内部靠下方
insideRight(柱状内部靠右边),
insideLeft(柱状内部靠左边)
2.因为目录过多导致x轴显示不下的问题
在option中加入以下代码,就可实现按x轴滚动查看
dataZoom: [{
id: 'dataZoomX',
type: 'inside',
//设置x轴缩放比例
start: 0,//x轴起始位置
end:15,//显示比例
}],