Question

我正在使用Highcharts，我想知道是否可以更改特定曲线上方的背景颜色？我可以在曲线下方进行操作，但是我没有找到在曲线上方进行操作的方法。

您能帮我吗？

感谢您的帮助，最好，

Answer 1

更新方法更轻松：

plotOptions: {
    areaspline: {
        fillOpacity: 0.5,
        threshold: 15 // your y-axis max goes here
    }
},

示例：https://jsfiddle.net/mzhukovs/8aqbp3xm/2/

但这仅在要覆盖所有点的情况下使用，否则，您将在下面进行方法而不是使用平滑线（即样条线）进行

使用范围系列类型并将数据设置为注释中所述的值，基本上是这样，对于每个x轴值，范围从实际y值到y轴上的最大值（即您可以通过y轴属性进行设置，以便您每次都知道它，或者使用js动态获取它。

例如

   series: [{
        name: 'John',
        data: [3, 4, 3, 5, 4, 10, 12]
    }, {
        name: 'Jane',
        data: [1, 3, 4, 3, 3, 5, 4]
    },
    {
        name: 'John Range Example',
        data: [
        [4, 4, 15], // index 0: x-category, 1: equal to point, 2: equal to y-axis max (which you should identify or set yourself explicitly so always known)
        [5, 10, 15],
        [6, 12, 15]],
        type: 'arearange',
        lineWidth: 0,
        //linkedTo: ':previous',
        color: Highcharts.getOptions().colors[0],
        fillOpacity: 0.3,
        zIndex: 0,
        marker: {
            enabled: false
        }
    }]
}

这是一个小提琴，在其中我仅对其中一行进行了部分操作： https://jsfiddle.net/mzhukovs/8aqbp3xm/

如果您根本不希望该阴影区域具有任何交互性，则必须禁用标记和悬停操作，这并不难。希望这会有所帮助！

更改曲线上方的背景颜色

1 个答案: