Highcharts条形图与容量

Question

所以我一直在查看文档以找出如何做到这一点，但没有真正看到任何让我完全按照自己的意愿行事的事情。我想制作一个如下图表：

我能想出的图例和条形图，我的问题涉及容量比率。如果容量<1。 100％我希望它在右边显示实际百分比（如图所示）。如果容量> 100％我希望条形图是满的，标签/网格线相应地移动到中间的某个位置。这可能吗？

Answer 1

您基本上有两种选择：

1）使用虚拟系列。您将添加另一个填充颜色为“透明”（或白色或其他）的系列，并将showInLegend和enableMouseTracking属性设置为false;将数据设置为适当的值以填充空白区域。

2）使用“普通”堆叠而不是百分比，并将数据值设置为计算的百分比值而不是原始数据值。

{{edit ::

重新阅读你的问题，要完成第二个场景，你必须使用选项2。

使用plotLine设置为100

，而不是网格线

• http://api.highcharts.com/highcharts#yAxis.plotLines