May i know why my histogram can't show up?

plotly.js
1 
debugger; //uncomment this line to debug

var self = this;
var myGraph = domElement; 

var profileChartLine = function(name,color) { //Draws the plotly trace for the pressure lines
    this.y=[],
    this.x=[],
    this.name=name,
  	this.type='histogram',
    this.opacity =0.8,
    this.marker ={color: color},
    this.SetData = function(x, y){
      if(x)
        this.x=x;
      if(y)
        this.y=y;
    }
};
 
var StationTextAnnotation = function(x, text, offset) { //Add text annotation
  return({
    x: x,
    y: .95-.02*offset,
    text: text,
    yref: 'paper',
    xanchor: 'center',
    yanchor: 'bottom',
  });
};
 
var MAOHCorr = new profileChartLine("MAOHCorr",'pink');
var ppPressure = new profileChartLine("PP_Pressure",'green');
var stations_total = [];
var pressure_array = [];
var MAOHCorr_array =[];

self.data = [MAOHCorr, ppPressure,sectionText];

self.layout = {
  title: "MAOH",
  plot_bgcolor:"white",
  showlegend: true,
  barmode:"overlay",
  bargap: 0.05,
  xaxis: {title: "Station"}, 
  yaxis: {title: "Pressure (kPa)"}
  };

function DrawStations(data){

  sectionText.Clear();
    var section = data.Section;
    
    for(var j=0; j<section.Station.length; j++){       
      var station = section.Station[j];
      var start = station.PosGlobal;
      //var end = nextstation.PosGlobal;
    }

}

function GetAllStations(data){
  for(var i=0; i<data.StationHelp.Pos.length; i++){
    var Pos = data.StationHelp.Pos[i];
      stations_total.push(Pos);
  }};

this.configuration.subscribe(function(value)
{ 
  var data = JSON.parse(value); //Convert configuration text to javascript object.
  GetAllStations(data);
  MAOHCorr.SetData(stations_total, null);
  ppPressure.SetData(stations_total, null);
  Plotly.redraw(myGraph);
});

this.pp_MAOHCorr.subscribe(function(value){ 
  MAOHCorr_array = value;
  MAOHCorr.SetData(stations_total, MAOHCorr_array); //"re-use" x-values
  Plotly.redraw(myGraph);
});

this.pp_pressure.subscribe(function(value){ 
  pressure_array = value;
  ppPressure.SetData(stations_total, pressure_array); //"re-use" x-values
  Plotly.redraw(myGraph);
});

Plotly.newPlot(myGraph, self.data, self.layout, 'myDiv')
2

Plotly.newPlot() arguments should be:

  • Plotly.newPlot(graphDiv, data, layout, config).

Looks like you’re putting 'myDiv' in theconfig argument. Maybe try something like:

  • Plotly.newPlot(myGraph, self.data, self.layout).