ECharts 的柱状图显示比较小,怎么放大?周围空白的地方太多了? 400 报错
周围空白的地方很多,能放大一点吗?
option = {
color : ['#ffcc00','#0099cc'],
tooltip : {
trigger: 'axis'
},
calculable : true,
animation:false,
toolbox:{show:false},
xAxis : [
{
type : 'category',
boundaryGap : false,
data : ['8:00','9:00','10:00','11:00','12:00','13:00','14:00','15:00','16:00','17:00','18:00','19:00']
}
],
yAxis : [
{
type : 'value',
axisLabel : {
formatter: '{value}'
},
splitArea : {show : false}
}
],
series : [
{
name:'管道',
type:'line',
symbol:'circle',
symbolSize:'4',
itemStyle: {
normal: {
lineStyle: {
type : 'solid',
width:'3'
}
}
},
data:[100, 100, 200, 100, 100,400, 100, 500, 100, 100,200,300]
},
{
name:'瓶装',
type:'line',
symbol:'circle',
symbolSize:'4',
itemStyle: {
normal: {
lineStyle: {
type : 'solid',
width:'3'
}
}
},
data:[200, 100, 100, 100, 100,300, 100, 100, 200, 300,100,100]
}
]
};
查文档,grid######
加dataZoom ={ show : true };######添加grid属性,其中X,Y作为起始点,相当于 left和 top,并设置width和height######
grid: {
top: '4%',
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。