echarts x轴数值重合

Question

echarts x轴数值重合

9152026

发布于
2017-09-25

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>test</title>
        <script src="js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="js/echarts-all.js" type="text/javascript" charset="utf-8"></script>
    </head>
    <body>
        <p>生成公式图表x轴没有正确的生成刻度,导致x轴所有文字都在最左侧堆叠</p>
        <div id="myChart" style="width:100%;height: 800px;">
            
        </div>
        <script type="text/javascript">
            var mychart=echarts.init(document.getElementById('myChart'));
            var minX=1.0008980;
            var maxX=1.0008981;
            var scatterData=[[1.0008980,1],[1.00089802908,3],[1.00089803,7],[1.0008981,5]];
            var option;
            option={
                tooltip:{
                    trigger:'axis',
                },
                xAxis : [ 
                    { 
                        type : 'value',
                        scale: true, 
                        boundaryGap: false, 
                        min:minX, 
                        max:maxX
                    }
                ],
                yAxis : [
                    {
                        type : 'value',
                        scale:true
                    }
                ],
                series : [ 
                    { 
                        name:'test', 
                        type:'scatter', 
                        data: scatterData,
                    
                    }
                ]
            };
            mychart.setOption(option);
        </script>
    </body>
</html>

效果如图，碰到一个有意思的bug发出来看看大家有没有碰到一样的问题，demo代码已上，原因个人猜测是x轴数据相差不大，这种情况下echarts没有自动生成出刻度，导致所有x轴文字都在最左堆叠。还有一个衍生的推测：echarts自动刻度是不是有一个默认的最小值，数值差小于这个最小值的时候就默认不分刻度（纯属瞎猜）。
问题的原因还在找，是配置项有问题还是插件本身可能有限制尚不清楚；

echarts javascript

html5

阅读 6.3k

1 个回答

hujiulong

✓ 已被采纳

我测试了下没有问题呀

要么是最近的版本修复了
要么这个问题不是数据引起的，而是初始化时没有获取到宽度，你resize一下页面可能会恢复