1. 首页
  2. 问答
  3. [apache/echarts]柱形图 y轴 在设置了min之后 显示整数失败

[apache/echarts]柱形图 y轴 在设置了min之后 显示整数失败

2024-07-04 876 views
4
问题简述 (One-line summary) 版本及环境 (Version & Environment)
  • ECharts 版本 (ECharts version): 3.3.1 && 3.2.3
  • 浏览器类型和版本 (Browser version): chrome 54.0.2840.87 m
  • 操作系统类型和版本 (OS Version): win10
重现步骤 (Steps to reproduce)

1，柱形图 2，配置如下 yAxis:[ { type:'value', minInterval:1, min:0 }] 3,数据不超过5

期望结果 (Expected behaviour)

柱状图y轴显示正整数。未设置min的时候，能正确显示整数，设置min之后就变成0.5的分隔了。期望y轴只显示正整数。

可能哪里有问题 (What went wrong) ECharts配置项 (ECharts option) 
option = {
yAxis:[
{
     type:'value',
     minInterval:1,
     min:0
}]
}
其他信息 (Other comments)

monvhh

回答

6

数值轴设置了最小值或者最大值之后，会根据splitNumber || 5 来分隔数值轴，而没有根据minInterval来分割。见axisHelper.js niceScaleExtent()

partical

6

@monvhh 这样设置就是显示整数

 yAxis: {
        type: 'value',
        axisLine: {
            show: false
        },
        axisTick: {
            show: false
        },
        min: 0,
        interval: 1 //minInterval不设置这个东西，强制设置坐标轴分割间隔（interval）。

    },

MrChanLi2013

5

@MrChanLi2013 不敢这样做，万一数据量很大，y轴标识会特别多。。

monvhh

4

我发现问题总是出现在数值 < 3时

zealitude

9

@WangXiZhu 如果图表有两条线 一条大于4 一条全部0 在legend 我关掉大于4的那条线 只留下全部为0的那一条 这样还是会显示浮点数

lxjwlt

8

@lxjwlt 应该影响不大吧！ 如果一定不要小数的话，就设置 max,min,interval 应该就可以了。

WangXiZhu

4

这个有计划修复么？

aufula