echarts 对数坐标轴

描述

Echarts 柱状图数据大小差距过大，例如一个值是100000，一个值是5，值小的柱子就不会显示出来。

解决，使用对数坐标轴

option = {tooltip: {trigger: 'axis',},xAxis: {type: 'category',data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']},yAxis: {type: 'log', // log，设置对数坐标轴min: 1,logBase: 10,axisLabel: {formatter: function (value) {return value === 1 ? 0 : value;  // 将y轴最小值1换成从0开始；}},},series: [{data: [1, 5, 10, 100, 500, 10004],type: 'bar',barMinHeight: '10'}]
};

即使是使用对数坐标轴，有时也会出现很特殊的柱子，例如1以下或者很接近1的柱子还是会低，建议结合tooltip使用。

tooltip：{trigger: 'axis',axisPointer: {type: 'shadow'}
}