Сложенная ось Y на Highcharts, как сделать это одним?

Question

Я успешно создал диаграммы с двумя осями y, используя Highcharts JS Library.

Однако вы можете видеть, что ось Y сложена (По Фаренгейту и температуре), возможно ли объединить его с одним?

Вот мой код.

    <script type="text/javascript">
$(function () {

  $('#container').highcharts({
    chart: {
      type: 'line'
    },
    time: {
      timezone: 'Australia/Brisbane'
    },
    title: {
      text: 'Temperature Graph'
    },
    xAxis: {
      type: 'datetime',
      categories: <?php echo json_encode($tgl, JSON_NUMERIC_CHECK); ?>,
      title: {
        text: 'Dates'
      },
    },
    yAxis: [{
      title: {
        text: 'temperature'
      }
    }, {
      title: {
        text: 'Fahrenheit'
      }
    }],
    series: [{
      name: 'Celcius',
      data: <?php echo json_encode($suhu, JSON_NUMERIC_CHECK);?>
    }, {
      name: 'Fahrenheit',
      data: <?php echo json_encode($lembap, JSON_NUMERIC_CHECK); ?>,
      yAxis: 1
    }]
  });
});

</script>

Answer 1

Вы можете визуализировать эту диаграмму только с одним yAxis и использовать обратный вызов labels.formatter для форматирования отображаемых меток и отображения также значений Фаренгейта.

Демо: https://jsfiddle.net/BlackLabel/L8e9g1n3/

    labels: {
        formatter() {
        let fahrenheitValue = 1.8 * this.value + 32;


        return this.value + " / " + fahrenheitValue
      }
    }

API: https://api.highcharts.com/highcharts/yAxis.labels.formatter

Если вам нужно, вы можете настроить всплывающей подсказки аналогичным образом, используя tooltip.formatter.

API: https://api.highcharts.com/highcharts/tooltip.formatter