如何将径向梯度应用于3d，但只适用于特定的图表？

Question

在这个高图表分散了3d例子上，它采用径向梯度，使标记在使用3d时更好。在我的例子中，我也想使用colorByPoint: true，但我不想将径向梯度应用于所有图表(就像那个例子所做的)。在我的例子中，我的报告可能显示了几个不同的图表(有些也将使用“`colorByPoint1 1”)，而且我不希望所有这些图表都使用径向梯度。但是，我想要默认的高级图表颜色。

如何调整上面的例子，使径向梯度只应用于图表的一个实例？

提前谢谢你，

Answer 1

在设置演示的方式上，顶部的代码块将设置高图集的颜色，这些颜色将应用于所有没有显式指定颜色集的图表：

Highcharts.getOptions().colors = $.map(Highcharts.getOptions().colors, function (color) {...}

相反，您可以设置一个变量来保存径向颜色：

    // Give the points a 3D feel by adding a radial gradient
    var radColors = $.map(Highcharts.getOptions().colors, function(color) {
        return {
            radialGradient: {
                cx: 0.4,
                cy: 0.3,
                r: 0.5
            },
            stops: [
                [0, color],
                [1, Highcharts.Color(color).brighten(-0.2).get('rgb')]
            ]
        };
    });

然后将该变量指定为要用于该变量的图表的colors属性：

var chart = new Highcharts.Chart({
  colors: radColors,
  chart: { ... }
  ...
});

使用多个图表更新Fiddle：

• http://jsfiddle.net/jlbriggs/ubeh1wbo/

您可以创建任意数量的颜色集变量，并根据需要将它们提供给不同的图表类型。