为什么构造函数没有正确设置 <h6> 文本？

Question

我正在使用 OOP 原则来创建一堆图表。除了文本值的设置之外，一切正常。我需要设置每个图表的标题，但我得到的是空白值。我的代码：控制器文件，即main.js通过调用构造函数（存储在 中mainSlopeGraph.js）以及包含idof<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/

Answer 1

在你的 HTML 中，你使用provinceNameKPK类似的方法，在你的 js 中，你使用provNameKPK. 所以

slopeGraphKPK = new SlopeGraph(

    "#chart1",

    updatedKPKData,

    dataKPKDomain,

    "#provNameKPK",

    provNameKPK

  );

必须是

slopeGraphKPK = new SlopeGraph(

    "#chart1",

    updatedKPKData,

    dataKPKDomain,

    "#provinceNameKPK", // prov => province

    provNameKPK

  );