Блог

Изображение в качестве эталона

Я хочу построить диаграмму такого типа, и ссылка на мой набор данных приведена ниже. Я не могу найти ни одного примера относительно this.
https://docs.google.com/spreadsheets/d/1geCzzfBeyY8yDHAdEFWUSUf8ex3QWfqDtPg7ArOdTw0/edit?usp=sharing

Из приведенного изображения я вижу, что это биржевая диаграмма, демонстрационную базу которой вы можете найти здесь: https://www.highcharts.com/demo/stock

Как выровнять ряд в соответствии с конкретной осью yAxis, вы можете найти здесь: https://api.highcharts.com/highcharts/series.line .яКсис

Пример демо-версии: https://jsfiddle.net/BlackLabel/95ptgrec /

 // Create the chart
Highcharts.stockChart('container', {
  yAxis: [{
    title: {
      text: 'axis1'
    }
  }, {
    title: {
      text: 'axis2'
    }
  }, {
    title: {
      text: 'axis3'
    },
    opposite: false
  }],
  series: [{
    data: generateData()
  }, {
    data: generateData(),
    yAxis: 1
  }, {
    data: generateData(),
    yAxis: 2
  }]
});
  

Если вы хотите реализовать диаграммы в среде Angular или React, я рекомендую использовать официальные оболочки:

https://github.com/highcharts/highcharts-angular

https://github.com/highcharts/highcharts-react