Javascript y轴反转时是否可以保持fillcolor?

Javascript y轴反转时是否可以保持fillcolor?,javascript,highcharts,Javascript,Highcharts,我有一个使用fillColor/linearGradient的线图。当我反转y轴时,填充将从直线向上移动到图形的顶部。我希望它保持从直线到x轴的填充 例如: 请注意,Y轴反转时,蓝色填充位于直线上方。我希望它保持在线下,即使我反转轴 这可能吗?是一个简单的例子,正如我在评论中解释的那样。我希望这有帮助 这是重要的部分: chart: { renderTo: 'container', ... backgroundCo

我有一个使用fillColor/linearGradient的线图。当我反转y轴时,填充将从直线向上移动到图形的顶部。我希望它保持从直线到x轴的填充

例如:

请注意,Y轴反转时,蓝色填充位于直线上方。我希望它保持在线下,即使我反转轴

这可能吗?

是一个简单的例子,正如我在评论中解释的那样。我希望这有帮助

这是重要的部分:

    chart: {
            renderTo: 'container',
            ...
            backgroundColor: {
                linearGradient: [0, 0, 0, 300],
                    stops: [
                        [0, 'rgb(69, 114, 167)'],
                        [1, 'rgba(2,0,0,0)']
                    ]
            },
        },
...
    plotOptions: {
                series: {
                    fillColor: 'white'
                }
            },

您可以发布一个JSFIDLE或一些代码吗。你的描述不太清楚。完成。让我知道这是否清楚。好的…奇怪。梯度填充定义为沿x轴从0 y点到最大y点(因此称为“填充”)。由于要反转y轴所在的位置,因此仍需填充直线和x轴之间的空间,以便将渐变移到直线上方。需要考虑的事项:为什么翻转y轴(不是说它是错误的,而是它是必要的)。为什么不设置纯白的填充颜色和渐变的背景填充?好问题。根据用户的不同,我正在绘制的值可以以不同的方式进行解释。对一些人来说,低数字是好的。对其他人来说,这是不好的。因此,每个用户都可以在屏幕上反转轴。我会试试你的建议,虽然有点麻烦,但还是有道理的。我将从一个白色和蓝色渐变的背景开始,然后在轴反转时交换它们。谢谢,这是可行的,但是有可能保持x轴网格线不变吗?我想在顶部展示,但不是底部。对不起,我很挑剔,但我知道这是必须的。这很奇怪。如果设置fillColor,则fillOpacity无效。这可能是一个错误。或者我可能错过了一些简单的事情。是的,我没有看到一个简单的方法。当然,你的方法可行,但我希望我能修好网格线。如果你无意中发现了它,请告诉我。谢谢您的帮助。@sma您可以使用CSS3来获取填充不透明度。若要将填充不透明度设置为fillColor:“rgba(255,0,0.5)”,请使用任何CSS3颜色生成器来选择颜色。我还想要一个内置的方法来翻转我的y轴并填充它的底部。