Высококачественные диаграммы: перекрытие меток yAxes перекрывается

Question

У меня есть диаграмма, где есть несколько yAxes и меток, которые перекрываются. Я не могу создать экземпляр их с разными значениями x, потому что у меня есть пользовательский интерфейс, который будет включать и выключать оси, так что это оставило бы странное расстояние до одной из ярлыков. Я хочу использовать форматтер, чтобы определить, является ли метка не первой меткой, а затем меняет значение x, но мне трудно найти, как изменить значение в обратном вызове formatter. Ниже мой код

{ 
     title: 'Count', 
     gridLineDashStyle: 'Dash', 
     gridLineColor: '#e8ebef', 
     showFirstLabel: false, 
     labels: { 
      enabled: true, 
      align: 'right', 
      x: 5, 
      y: 15, 
      style: { 
      fontFamily: fontFamily, 
      fontSize: '10px', 
      fontWeight: 'bold', 
      color: '#8596a5' 
      } 
     }, 
     opposite: true, 
     allowDecimals: true, 
     min: 0, 
     minRange: 2 // Ensures flat charts don't show line at the bottom 
     }, 
     { 
     title: 'Cost', 
     gridLineDashStyle: 'Dash', 
     gridLineColor: '#e8ebef', 
     showFirstLabel: false, 
     labels: { 
      enabled: true, 
      align: 'left', 
      x: 5, 
      y: 15, 
      style: { 
      fontFamily: fontFamily, 
      fontSize: '10px', 
      fontWeight: 'bold', 
      color: '#8596a5' 
      }, 
      formatter: function() { 
      if (this.isFirst) { console.log("first") } 
      this.attr({ x:44 }) 
      } 
     }, 
     allowDecimals: true, 
     min: 0, 
     minRange: 2 // Ensures flat charts don't show line at the bottom 
     }, 

Любые идеи?

Answer 1

У обоих ваших yAxis должен быть порядок, в котором вы хотите их показать. YAxis необходимо уложить. Использовать

yAxis:0, //for first series 
yAxis:1 //for second series 

Я добавлю скрипку за несколько минут.