Javascript 设置xAxis.min会打断两点高度图表中的区域显示

请看一下下面的小提琴：

这是我试图在项目中修复的bug的“缩短”版本

fiddle代码就这么简单（我的代码更复杂，但问题反映在这里）：

因此，当

min=0

时，它将绘制一个有效图表，第一个点位于

x

轴（0级），第二个点位于10级。当

min=1

时，我希望它只隐藏第一个点，并绘制区域，就像它从隐藏的

（'Jan'，0）

到可见的

（'Feb'，10）

。但是，它只是在10级绘制一条水平线

其行为与预期一致，超过2点：

当我以序列形式传递完整坐标时，它不起作用（

数据：['Jan'，0]，'Feb'，10]

）：

我证明了它与第一个点为0无关-与任何其他值的结果相同。它也与使用

类型：'area'

无关-与line的行为相同

想法？我可能做错了什么？那会是一个高图表错误吗

谢谢

您的第一个“工作”示例包括：

xAxis: { categories: ['Jan', 'Feb', 'Mar'] }
series: [{ data: [0, 10, 15] }]

xAxis: { categories: ['Jan', 'Feb'] }
series: [{ data: [['Jan', 0], ['Feb', 10]] }]

而“破碎”的例子有：

xAxis: { categories: ['Jan', 'Feb', 'Mar'] }
series: [{ data: [0, 10, 15] }]

xAxis: { categories: ['Jan', 'Feb'] }
series: [{ data: [['Jan', 0], ['Feb', 10]] }]

当您有

min:1

，并且只有两个值时，就会出现问题。这意味着图表只显示一个点，这意味着x轴根本没有任何跨度（显示范围为0.999到1.001）。因为到目前为止，您已经在图形中进行了缩放，因此图形看起来完全是水平的，因为其他点在x轴上距离“光年”，而y值非常相似

在中，您可以看到这个过程的一个相当奇怪的动画。然而，如果我们走得慢一点，就会更清楚地看到，其他的观点都在那里，就在很远的地方。请注意y轴是如何从不改变的，因此必须将点移动得太远，以使y轴差异无法被发现：

---

您必须确保x轴跨越多个值，例如使用

min:1、max:2

或添加更多点。如果你希望对日期的值是正确的，你应该考虑更改为<代码>类型：“DATETIME”< /Code > .< /P>我在问题的最上面有示例0（我的初始代码）-它与示例1完全相同（你引用的第一个“工作”示例），但是有2个点，所以我想我比较正确。“x轴根本没有任何跨度”-它在左侧有一些自由空间，默认情况下添加并用图表填充。当我们有三个点（或最大值=2）时，为什么这个空间会填充，但不符合我的情况？主要区别是什么？啊，是的。我明白了。那么你的比较当然是正确的。问题仍然是x轴只显示一个点（从1到1）。它必须显示一个范围，才能使图形倾斜。区别在于，没有跨度，它实际上只是一个一维图形，在您的情况下，该尺寸为Y。如果检查图表的

xAxis

，实际值从

min:0.999

到

max:1.001

，这足以赋予它宽度，并且同时显示系列的“结束”，但没有足够的跨度来显示左侧倾斜的图形。但是使用3个点或最大值，它不是外推或其他东西，而是从隐藏（1月，0日）到可见（2月，10日）绘制一个精确的段。这意味着它在这种情况下构建隐藏点。那么为什么不在两点情况下呢？