固定设置y轴最大值:max:1000,
或者动态放大上下限的值;
yAxis中先设置 minInterval : 1, 再设置 boundaryGap : [ 0, 0.1 ],
boundaryGap是坐标轴两端空白策略,数组内数值代表百分比,
[原始数据最小值与最终最小值之间的差额,原始数据最大值与最终最大值之间的差额]。比如,你数据是范围是0-120(最小值0,最大值120),那么,[0.5, 1]就表示,在最小值下方扩展50%的空间,在最大值上方扩展100%空间,也就是范围是[0 - 50% * (120 - 0), 120 + 100% * (120 - 0)]即y轴最小坐标为-60,最大坐标为240。
/**
* 柱形图
*/
var myChart = echarts.init(document.getElementById('bar')); var option = {// 提示
tooltip: {
show: true
},
xAxis: [
{ type: 'category',
axisLabel: {
formatter: '{value}'
},
data: ["1月", "2月", "3月", "4月", "5月", "6月"]
}
],
yAxis: [
{ type: 'value',
}
],//
数据系列
series: [
{ "type": "bar", "data": [120, 40, 90, 110, 48, 50],
itemStyle: {
normal: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
offset: 0,
color: '#76ddf3'
}, {
offset: 1,
color: '#2989cc'
}]),
}
}
}
]
}; // 为echarts对象加载数据
myChart.setOption(option);
代码如下:myChart.on("click",function(param){varhz=param.name;//横坐标的值alert(param);}
echarts Y轴上的数值是根据注入的参数而决定的,如果没有值,就是0,相反参数越大,y轴的数值也越大
yAxis: [{
type: 'value',
min: 0,
max: 900,
splitArea: {
show: true
}
}]