Question

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

这是我的尝试，

$(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/

Answer 1

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

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

请参阅控制台以查找错误，它显示chart未定义。

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

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

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

如何在HighCharts中动态更新线性渐变到区域？

1 个答案: