原先的统计图表没有占满容器,感觉整个被压缩了
网上查阅相关资料后发现需要设置grid一个配置项(有些数值需要根据实际情况进行调整)
grid:{
top:"0px",
left:"0px",
right:"0px",
bottom:"0px"
}
对于grid属性的相关介绍,可以点击这里进入官网查看
完整代码
// AI预警
function initAiYj(myChart,aiyjcharts){
//获取颜色值
let colorArr = aiyjcharts.map((obj)=>{
return obj.color;
}).join(',').split(',')
//x坐标
let xArr = aiyjcharts.map((obj)=>{
return obj.name;
}).join(',').split(',')
aiyjOption = {
xAxis: {
type: 'category',
data: xArr
},
yAxis: {
type: 'value'
},
series: [
{
name: 'a',
type: 'bar',
data: aiyjcharts,
itemStyle:{
normal:{
color:function(params){
return colorArr[params.dataIndex]
}
}
}
}
],
grid:{
top:"0px",
left:"0px",
right:"0px",
bottom:"20px"
}
}
aiyjOption && myChart.setOption(aiyjOption);
}
最终展示效果