Highcharts - 点标记填充渐变线上的颜色

时间:2016-05-27 17:17:29

标签: javascript css highcharts

我有一个高亮度图,我使用渐变颜色作为线条,但我希望我的点标记从线条的那一部分采取颜色而不是在其上有渐变颜色自己圈,但不确定怎么做。

这是我的代码:

plotOptions: {
            series: {
              marker: {
                fillColor: '#353A41',
                lineWidth: 2,
                lineColor: null
              },
                fillColor: {
                    linearGradient: {
                      x1: 1,
                      y1: 0,
                      x2: 0,
                      y2: 0
                    },
                    stops: [
                      [0, Highcharts.Color('#962E74').setOpacity(0.1).get('rgba')],
                      [0.25, Highcharts.Color('#733F7D').setOpacity(0.1).get('rgba')],
                      [0.5, Highcharts.Color('#4E6585').setOpacity(0.1).get('rgba')],
                      [0.75, Highcharts.Color('#427188').setOpacity(0.1).get('rgba')],
                      [1, Highcharts.Color('#2A8B8E').setOpacity(0.1).get('rgba')]
                    ]
                },
                color: {
                  linearGradient: {
                    x1: 1,
                    y1: 0,
                    x2: 0,
                    y2: 0
                  },
                    stops: [
                      [0, Highcharts.Color('#962E74').setOpacity(1).get('rgba')],
                      [0.25, Highcharts.Color('#733F7D').setOpacity(1).get('rgba')],
                      [0.5, Highcharts.Color('#4E6585').setOpacity(1).get('rgba')],
                      [0.75, Highcharts.Color('#427188').setOpacity(1).get('rgba')],
                      [1, Highcharts.Color('#2A8B8E').setOpacity(1).get('rgba')]
                    ]
                },
            }

0 个答案:

没有答案