首页 文章

highcharts极 Map 表与渐变颜色填充

提问于
浏览
1

我在饼图上按照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'}
]

如何从图表的中心获取渐变填充,并为每个楔子设置不同的颜色?

1 回答

  • 0

    对于第一个问题 - >使用LINEAR GRADIENTS,因为它是一种类型的柱形图 .

    对于第二个问题 - >如果您在数据系列中定义颜色,则highcharts不知道 . 在您定义Radialize颜色的函数中

    Highcharts.getOptions().colors
    

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

    为了演示目的,我更新了第二张图表的 plotOptions

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

    Fiddle演示

相关问题