Необычный градиент внутри сплайнарии

Question

Помогите, пожалуйста, построить диаграмму следующим образом https://prnt.sc/rhdcn2 Это не столбцы, нам нужен сплайн с градиентом, как на скриншоте. Заранее спасибо!

Answer 1

Можно использовать ряд столбцов с линейным градиентом:

series: [{
  type: 'column',
  borderRadius: 5,
  color: {
    linearGradient: {
      x1: 0,
      x2: 0,
      y1: 0,
      y2: 1
    },
    stops: [
      [0, '#008022'],
      [1, '#ebfff0']
    ]
  },
  data: [...]
}]

---

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

Документы: https: // www.highcharts.com/docs/chart-design-and-style/colors