Question

我已经在饼图上按照HighChart示例here进行了渐变颜色填充，但是我在使用渐变填充在极坐标图表上工作时遇到了问题。查看我的demo here

问题＃1：在第一张图表上，渐变发生在每个单独的楔形上，而不是整个极坐标图的中心。

问题＃2：在第二张图表上，如果我为每个楔形定义颜色，我就不会得到任何渐变填充。

data: [
    {y: 1, color: 'red'},
    {y: 2, color: 'blue'},
    {y: 3, color: 'orange'},
    {y: 4, color: 'green'},
    {y: 5, color: 'gray'},
    {y: 4, color: 'brown'}
]

如何让渐变填充从图表的中心开始工作，并为每个楔子设置不同的颜色？

Answer 1

首发 - ＆gt;使用LINEAR GRADIENTS，因为它是一种柱形图。

第二期 - ＆gt;如果您在数据系列中定义颜色，则highcharts不知道。在您定义Radialize the colors

的函数中

Highcharts.getOptions().colors

这里使用了highcharts的默认颜色。如果要使用自定义颜色，则必须先更新highcharts默认颜色。

出于演示目的，我更新了第二张图表的plotOptions

plotOptions: {
        series: {
            pointStart: 0,
            pointInterval: 60
        },
        column: {
            pointPadding: 0,
            groupPadding: 0,
            colorByPoint: true //added this
        }
    },

Fiddle演示

带有渐变颜色的highcharts极坐标图填充

1 个答案: