Highcharts, как использовать градиент без настройки цвета? - PullRequest
2 голосов
/ 15 марта 2020

Я хочу установить цвет градиента для области моего графика, где цвет переходит от его цвета "по умолчанию" к белому / прозрачному.

Я работаю, как я могу "Выбрать", а не установить значение и пусть он автоматически определяет цвет области.

Это то, что мой код сейчас производит: изображение моего графика сейчас

(я ищу, чтобы соответствовать заливка цвета до цвета "контур", который устанавливается автоматически)

Код, который используется для установки этого "yellow-i sh color" прямо сейчас

        linearGradient: {
          x1: 0,
          y1: 0,
          x2: 0,
          y2: 1
        },
        stops: [
          [0, "#ffff00"],
          [
            1,
            Highcharts.color("#DADADA")
              .setOpacity(0)
              .get("rgba")
          ]
        ]
      },

1 Ответ

1 голос
/ 16 марта 2020

Вы можете использовать метод getOptions, чтобы получить цвет по умолчанию и установить его следующим образом:

series: [{
  ...,
  fillColor: {
    linearGradient: {
      x1: 0,
      y1: 0,
      x2: 0,
      y2: 1
    },
    stops: [
      [0, Highcharts.getOptions().colors[0]],
      [1, Highcharts.color(Highcharts.getOptions().colors[0]).setOpacity(0).get('rgba')]
    ]
  }
}, ...]

Демонстрационная версия: http://jsfiddle.net/BlackLabel/6m4e8x0y/4910/

Справочник по API: https://api.highcharts.com/class-reference/Highcharts# .getOptions

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...