Разместите несколько осей Y в Plotly

Question

У меня есть следующий код для моего макета:

    var layout = {
        title:"Energy usage of green electrical appliances",
        plot_bgcolor:"#000",
        paper_bgcolor:"#000",
        showlegend:false,
        margin:"{l: 40, b: 40, r: 80, t: 40,}",
        xaxis:{
          title:"Date/Time",
          autoscale:"true",
          rangeselector: {
            bgcolor:"#555",
        },
        yaxis:{
          title:"Price",
          autoscale:"true",
          overlaying:"y2",
          side:"left",
        },
        yaxis2: {
          title:"Electricity Used",
          autoscale:"true",
          side:"right"
        },
        yaxis3:{
          title:"AiJ/day",
          autoscale:"true",
          side:right
        }
     }

и следующий код для моих данных:

        var tracePrice=                {name:"Price",type:"scatter",x:output[0]["datetime"],y:output[0]["price"],line:{color:"orange",width:2},};
        var traceElecUsed=                {name:"Elec",type:"bar",x:output[0]["datetime"],y:output[0]["Elec"],line:{color:"cyan",width:2},};
        var traceAiJ=           {name:"aij",type:"scatter",x:output[0]["datetime"],y:output[1]["aijpercent"],yaxis:"y2",marker:{color:"#fff"},line:{color:"#555",width:1}};
        return resolve([tracePrice,traceElecUsed,traceAiJ]);

Дело в том, что все работает нормально, пока я не построю traceElecUsed. Единицы, которые он использует, исчисляются тысячами, тогда как цена часто составляет менее 5 фунтов стерлингов, а AiJ составляет 0-100%. Я не знаю, является ли это корнем проблемы. Если я уберу его, все будет работать нормально.

Answer 1

Проклятие переполнения стека снова достало меня; Я часами борюсь с чем-то, а потом, как только я это опубликовал, появляется ответ.

Для тех из вас, кому нужна эта информация в будущем, она опирается на "наложение"

    yaxis3: {
      title:"Aij",
      autoscale:"true",
      overlaying:"y2",
      side:"right"
    }