我正在使用 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/
1 回答

MMTTMM
TA貢獻1869條經驗 獲得超4個贊
在你的 HTML 中,你使用provinceNameKPK類似的方法,在你的 js 中,你使用provNameKPK. 所以
slopeGraphKPK = new SlopeGraph(
"#chart1",
updatedKPKData,
dataKPKDomain,
"#provNameKPK",
provNameKPK
);
必須是
slopeGraphKPK = new SlopeGraph(
"#chart1",
updatedKPKData,
dataKPKDomain,
"#provinceNameKPK", // prov => province
provNameKPK
);
- 1 回答
- 0 關注
- 97 瀏覽
添加回答
舉報
0/150
提交
取消