Блог

Главная - Вопросы по программированию - как я могу это сделать с помощью highcharts, наложив два общих ряда на yAixs

как я могу это сделать с помощью highcharts, наложив два общих ряда на yAixs

#highcharts

#highcharts

Вопрос:

я хочу создать диаграмму, подобную приведенной ниже:

  • ось X красной полосы совместно используется с данными оси yAxis синей линии
  • оси красной полосы с использованием верхнего масштаба,
  • ось синей линии с использованием нижнего масштаба.

введите описание изображения здесь

Комментарии:

1. Обратитесь в службу поддержки HighCharts, почему именно сюда?

2. Чтобы получить помощь здесь, пожалуйста, опубликуйте минимальный рабочий код, который вы пробовали, и проблему, с которой вы столкнулись

3. Поддержка @anuragal Highcharts также работает здесь.

4. @Sebastian Это действительно нехорошо для поддержки вопросов, в которых нет кода и никаких признаков даже какой-либо попытки написания кода. Мы не приносим им никакой пользы

5. @anuragal, я так не думаю, иногда достаточно просто изображения — как в этом случае 😉

Ответ №1:

Для достижения желаемого результата вам нужно будет использовать два xAxis и two yAxis — каждый для одного типа ряда и переопределить ваши линейные данные, потому что bar ряд инвертирует оси.

Демонстрация:https://jsfiddle.net/BlackLabel/482vc9np /

   series: [{
    data: [{
      x: 49.9,
      y: 0
    }, {
      x: 71.5,
      y: 1
    }, {
      x: 106.4,
      y: 2
    }, {
      x: 129.2,
      y: 3
    }, {
      x: 144.0,
      y: 4
    }],
  }, {
    type: 'bar',
    yAxis: 1,
    xAxis: 1,
    data: [49.9, 71.5, 106.4, 129.2, 144.0, 176.0],
  }]