blocks|key|4600464|text|我能让它“正确”显示的唯一方法就是提供一个yAxis+max值。我认为当您没有提供具有y值的数据元素时，这是一个HighCharts问题。它会画出它认为能画出的最好的图表。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4600465|entityMap^0|R|3|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

Only way I could get it to show it "correctly" was by also providing an yAxis <code>max</code> value. I think this is a HighCharts issue when you provide no data elements with a y-value. It draws the best chart it thinks it can.

blocks|key|768469|text|我还把这个贴到了HighCharts论坛上，在那里我得到了一个似乎有效的回复。不幸的是，这需要我在呈现图表之前对数据进行一些预处理，以便检查所有的"0“数据值……但它会起作用的。我只希望HighCharts有更多的“内置”功能。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|768470|因此，将"y“值相加后，如果我得到0，y轴属性应该如下所示：|768471|yAxis:+{
++++minPadding:+0,+
++++maxPadding:+0,+++++++++
++++min:+0,+
++++max:1,
++++showLastLabel:false,
++++tickInterval:1,
++++title:+{
++++++++++++text:+""
++++}
}|code-block|syntax|javascript|768472|请参阅：http://jsfiddle.net/KM2Jx/2/|offset|length|768473|键似乎是"max“和"showLastLabel”属性。|768474|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/KM2Jx/2/^0|0|0|0|4|S|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|X|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Y|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|Z|8|@]|9|@$K|10|L|11|1|12]]|A|$]]|$1|M|3|N|5|6|7|13|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|14|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V]]]]

I had also posted this to the HighCharts forum, where I got a response that seems to work. Unfortunately, it will involve me doing some pre-processing of the data prior to rendering the charts in order to check for all "0" data values... but it'll work. Just wish there was something more "built-in" to HighCharts.

So after summing up the "y" values, if I get 0, the y-axis properties should look like this:

<pre><code>yAxis: {
 minPadding: 0, 
 maxPadding: 0, 
 min: 0, 
 max:1,
 showLastLabel:false,
 tickInterval:1,
 title: {
 text: ""
 }
}
</code></pre>

See: <a href="http://jsfiddle.net/KM2Jx/2/" rel="noreferrer">http://jsfiddle.net/KM2Jx/2/</a>

The keys seem to be the "max" and "showLastLabel" properties.

blocks|key|4600504|text|这是我想出的一个修复方法，它不需要对数据进行任何预处理，只需要让highcharts来做这件事，就像在更新之前一样。http://jsfiddle.net/QEK3x/|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4600505|if(chart.yAxis[0].dataMax+===+0)
{
+++chart.yAxis[0].setExtremes(0,+5);
}|code-block|syntax|javascript|4600506|你只需要检查第一个系列轴，如果第一个轴不是0，那么问题就不会发生。我可能会向high-charts提交一个拉取请求，尽管我觉得他们出于某种原因而打算使用这个功能。|4600507|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/QEK3x/^0|1M|Q|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@$A|T|B|U|1|V]]|C|$]]|$1|D|3|E|5|F|7|W|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|X|8|@]|9|@]|C|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]]]

Here is a fix I came up with that doesn't require any preprocessing of the data and just let highcharts do it, like it used to before the update. <a href="http://jsfiddle.net/QEK3x/" rel="nofollow">http://jsfiddle.net/QEK3x/</a> 

<pre><code>if(chart.yAxis[0].dataMax === 0)
{
 chart.yAxis[0].setExtremes(0, 5);
}
</code></pre>

You only need to check the first series axis, as if the first one is not 0 then the problem won't occur. I might submit a pull request for this to high-charts, though I kinda feel like they intended for this functionality for some reason.

blocks|key|4600539|text|我找到了另一个(也是非常简单的)解决方案：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4600540|您可以设置y轴minRange属性：|offset|length|style|CODE|4600541|yAxis:+{
++++...
++++minRange+:+0.1
}|code-block|syntax|javascript|4600542|这使Highcharts在所有数据均为0时呈现yAxis的最小值和最大值。|4600543|更新：|4600544|Highcharts+4.1.9修复还需要：|4600545|++++++++plotOptions:+{
++++++++++++line:+{
++++++++++++++++softThreshold:+false
++++++++++++}
++++++++}|4600546|updated+js+fiddle|4600547|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/ynWLK/27/^0|0|7|8|0|0|0|0|0|0|0|H|0|0^^$0|@$1|2|3|4|5|6|7|14|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|15|8|@$D|16|E|17|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|18|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|19|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|1A|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|1B|8|@]|9|@]|A|$]]|$1|S|3|T|5|J|7|1C|8|@]|9|@]|A|$K|L]]|$1|U|3|V|5|6|7|1D|8|@]|9|@$D|1E|E|1F|1|1G]]|A|$]]|$1|W|3|-4|5|6|7|1H|8|@]|9|@]|A|$]]]|X|$Y|$5|Z|10|11|A|$12|13]]]]

I've found another (and very simple) solution:

You can set y-axis <code>minRange</code> property:

<pre><code>yAxis: {
 ...
 minRange : 0.1
}
</code></pre>

This makes Highcharts render yAxis min and max values when all data is 0.

UPDATE:

Highcharts 4.1.9 fix also needs:

<pre><code> plotOptions: {
 line: {
 softThreshold: false
 }
 }
</code></pre>

<a href="http://jsfiddle.net/ynWLK/27/" rel="noreferrer">updated js fiddle</a>

blocks|key|4600567|text|只需添加"min“选项|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4600568|yAxis:+{
+++min:+0
}|code-block|syntax|javascript|4600569|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Just add "min" option

<pre><code>yAxis: {
 min: 0
}
</code></pre>

blocks|key|4600604|text|从Highcharts+5.0.1开始，您也可以使用softMax。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4600605|4600606|+softMax:+Number|blockquote|offset|length|style|BOLD|4600607|4600608|轴的软最大值。如果系列数据最大值大于此值，则轴将停留在此最大值，但如果系列数据最大值更高，则轴将伸缩以显示所有数据。|4600609|4600610|yAxis:+{
++++min:+0,
++++softMax:+100,
++++...
}|code-block|syntax|javascript|4600611|下面是一个带有柱状图的示例：http://jsfiddle.net/84LLsepj/|4600612|请注意，目前在Highcharts+5.0.7中，它似乎并不适用于所有类型的图表。正如您在this+other+jsfiddle中看到的，它不适用于折线图。|4600613|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/84LLsepj/|1|http://jsfiddle.net/th1e6tfm/^0|0|0|1|F|0|0|0|0|0|E|T|0|0|19|J|1|0^^$0|@$1|2|3|4|5|6|7|16|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|17|8|@]|9|@]|A|$]]|$1|C|3|D|5|E|7|18|8|@$F|19|G|1A|H|I]]|9|@]|A|$]]|$1|J|3|-4|5|6|7|1B|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|1C|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|1D|8|@]|9|@]|A|$]]|$1|N|3|O|5|P|7|1E|8|@]|9|@]|A|$Q|R]]|$1|S|3|T|5|6|7|1F|8|@]|9|@$F|1G|G|1H|1|1I]]|A|$]]|$1|U|3|V|5|6|7|1J|8|@]|9|@$F|1K|G|1L|1|1M]]|A|$]]|$1|W|3|-4|5|6|7|1N|8|@]|9|@]|A|$]]]|X|$Y|$5|Z|10|11|A|$12|13]]|14|$5|Z|10|11|A|$12|15]]]]

Since Highcharts 5.0.1, you can also use softMax.

<blockquote>
 softMax: Number 
 A soft maximum for the axis. If the series data maximum is greater than this, the axis will stay at this maximum, but if the series data maximum is higher, the axis will flex to show all data.
</blockquote>

<pre><code>yAxis: {
 min: 0,
 softMax: 100,
 ...
}
</code></pre>

Here is an example with a column chart : <a href="http://jsfiddle.net/84LLsepj/" rel="nofollow noreferrer">http://jsfiddle.net/84LLsepj/</a>

Note that currently, in Highcharts 5.0.7, it doesn't seem to be working for all types of charts. As you can see in <a href="http://jsfiddle.net/th1e6tfm/" rel="nofollow noreferrer">this other jsfiddle</a>, it doesn't work with line chart.

blocks|key|768640|text|对于Highcharts+5.x.x，您应该能够指定：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|768641|yAxis:+{
++softMin:+0,
++softMax:+1,
};|code-block|syntax|javascript|768642|这不适用于折线图，折线图要求您还在与上面相同的配置对象中设置minRange。尝试不同的值，因为定义了例如minRange:+6，在yAxis上创建了一个介于0和4之间的范围。|offset|length|style|CODE|768643|entityMap^0|0|0|U|8|1H|B|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@$I|R|J|S|K|L]|$I|T|J|U|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|N|$]]

For Highcharts 5.x.x, you should be able to just specify:

<pre><code>yAxis: {
 softMin: 0,
 softMax: 1,
};
</code></pre>

This won't work for line chart, which requires that you also set <code>minRange</code> in the same config object as above. Experiment with different values, since defining for example <code>minRange: 6</code>, created a range on yAxis between 0 and 4.

blocks|key|768720|text|minRange+:1或任何您认为可以显示为分数的内容|type|unstyled|depth|inlineStyleRanges|entityRanges|data|768721|softMax+:+100或者你觉得的任何东西|768722|​|768723|📷|atomic|offset|length|768724|yAxis:+{
+++++++++minRange+:+1,
+++++++++softMax:+100
+++++++}|code-block|syntax|javascript|768725|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/a6a08219a8339be4ba999985e3171b59.jpeg|imageAlt^0|0|0|0|0|1|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Z|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|10|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|11|8|@]|9|@$I|12|J|13|1|14]]|A|$]]|$1|K|3|L|5|M|7|15|8|@]|9|@]|A|$N|O]]|$1|P|3|-4|5|6|7|16|8|@]|9|@]|A|$]]]|Q|$R|$5|S|T|U|A|$V|W|X|-4]]]]

minRange : 1 or whatever you feel so to be displayed in fractions of 
 softMax : 100 or whatever you feel so

<a href="https://i.stack.imgur.com/YjQ4m.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/YjQ4m.jpg" alt="Result"></a> 

<pre><code>yAxis: {
 minRange : 1,
 softMax: 100
 }
</code></pre>

I'm outputting a series of highcharts on a page. In some instances, all data for the specified time period may come back with 0 values.

In such a case, the chart looks like this: <a href="http://jsfiddle.net/charliegriefer/KM2Jx/1/">http://jsfiddle.net/charliegriefer/KM2Jx/1/</a>

There is only 1 y-Axis label, 0, and it's in the middle of the chart.

I'd like to force that 0 value for the y-Axis to be at the bottom of the chart, which would be consistent with other charts on the page that do have data.

Have tried various yAxis properties, such as "min: 0", "minPadding: 0", "maxPadding: 0", "startOnTick: true".

Seems it should be pretty straightforward, but I'm at a loss :(

Relevant yAxis code:

<pre><code>yAxis: {
 min: 0, 
 minPadding: 0, 
 startOnTick: true, 
 title: {
 text: ""
 }
},
</code></pre>

Highcharts: Ensure y-Axis 0 value is at chart bottom

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我在一个页面上输出一系列的highcharts。在某些情况下，指定时间段的所有数据可能返回0值。在这种情况下，图表如下所示：只有一个y-Axis标签，0，并且它在图表的中间。我想强制将y轴的0值放在图表的底部，这将与页面上确实包含数据的其他图表保持一致。我尝试过各种yAxis属性，例如"min: 0“、"minPadd...

问Highcharts:确保y轴0值位于图表底部
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Highcharts:确保y轴0值位于图表底部EN