如何在高图表中动态更新线性渐变到区域

How to dynamically update linear gradient to area in HighCharts?

本文关键字：线性 渐变 区域 更新 动态 高图表      更新时间：2023-09-26

我正在尝试在面积图中应用渐变。更新后图表正在重新呈现。但在这种情况下，渐变不会更新。我感谢任何帮助。我准备进一步提供详细信息。提前谢谢你。

这是我的尝试，

$(function () {
    $('#container').highcharts({
        chart: {
            type: 'area'
        },
        plotOptions: {
            series: {
                fillColor: {
                    linearGradient: [0, 0, 0, 300],
                    stops: [
                        [0, '#E6C80E'],
                        [1, '#FEFC50']
                    ]
                }
            }
        },
        series: [{
            data: [20, 200, 100, 0.1, 150, 50, 30, 40, 300]
        }]
    });  
    chart.series[0].update({
        linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1},
        stops : [
            [0,'#c74350'],
            [1,'#fe7676']
        ]
    });
});

这是链接 http://jsfiddle.net/42fowwg0/

首先，当您使用 chart.series[0].update 时，您没有 chart 变量。您可以使用以下方法获取它：

Highcharts.charts[0].series[0].update

请参阅控制台中的错误，它显示chart未定义。

对于stops您使用了错误的格式。像这样使用它：

stops: [[0, '#c74350'],
        [1, '#fe7676']]

这是小提琴：http://jsfiddle.net/42fowwg0/2/

相关文章：