なぜコンストラクタ関数は正しく、<H6>のテキストを設定されていませんか？

LearningD3：

私は、グラフの束を作成するために、OOPの原則を使用しています。すべてがテキスト値の設定を除いて罰金を動作します。私は、各グラフのタイトルを設定する必要がありますが、その代わり、私は空白の値を取得しています。

私のコード：コントローラファイル、すなわちmain.js、すべてのデータ操作を行い、（に保存されているコンストラクタ関数を呼び出すことによって、新しいグラフを作成mainSlopeGraph.js含める引数を持つ）idの<h6>でそれを埋めるための要素とテキストを。

関連するコード：

<div class="col-sm-4 descGraph">
        <h6 id="provinceNameBaloch"></h6>
        <h6 id="provinceNameICT"></h6>
        <h6 id="provinceNamePunjab"></h6>
        <h6 id="provinceNameSindh"></h6>
        <h6 id="provinceNameKPK"></h6>
        <p>Add some words talking about the trend.</p>
      </div>

main.js：

slopeGraphKPK = new SlopeGraph(
    "#chart1",
    updatedKPKData,
    dataKPKDomain,
    "#provNameKPK",
    provNameKPK
  );
  slopeGraphPunjab = new SlopeGraph(
    "#chart2",
    updatedPunjabData,
    dataPunjabDomain,
    "#provNamePunjab",
    provNamePunjab
  );
  slopeGraphICT = new SlopeGraph(
    "#chart3",
    updatedICTData,
    dataICTDomain,
    "#provNameICT",
    provNameICT
  );
  slopeGraphSindh = new SlopeGraph(
    "#chart4",
    updatedSindhData,
    dataSindhDomain,
    "#provNameSindh",
    provNameSindh
  );
  slopeGraphBaloch = new SlopeGraph(
    "#chart5",
    updatedBalochData,
    dataBalochDomain,
    "#provNameBaloch",
    provNameBaloch
  );

mainSlopeGraph.js：

  SlopeGraph = function(
  _parentElement,
  _someData,
  _someDomain,
  _provNamePlaceholder,
  _provName
) {
  this.parentElement = _parentElement;
  this.provData = _someData;
  this.scaleDomain = _someDomain;
  this.provNamePlaceholder = _provNamePlaceholder;
  this.provName = _provName;
  this.initVis();
};

SlopeGraph.prototype.initVis = function() {
  let vis = this;

  console.log(vis.provNamePlaceholder);
  console.log(vis.provName);


  $(vis.provNamePlaceholder).text(vis.provName);
  // $("#provinceName").textContent = vis.provName;
  // $("#provinceName").innerText = vis.provName;
  // $("#provinceName").innerHTML = vis.provName;
.
.
.
}

場合は、ここですべてのコードです：https://github.com/SabahatPK/Data4Pakistan_SlopeGraphsそして、これが出力されます。https://data-driven-pakistan-data-stories.netlify.com/

マックス：

あなたのHTMLでは、使用provinceNameKPK、使用しかし、あなたのjsの中で、および同様provNameKPK。そう

slopeGraphKPK = new SlopeGraph(
    "#chart1",
    updatedKPKData,
    dataKPKDomain,
    "#provNameKPK",
    provNameKPK
  );

でなければなりません

slopeGraphKPK = new SlopeGraph(
    "#chart1",
    updatedKPKData,
    dataKPKDomain,
    "#provinceNameKPK", // prov => province
    provNameKPK
  );

等々

なぜコンストラクタ関数は正しく、<H6>のテキストを設定されていませんか？

おすすめ