第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

通過(guò) d3.js 顯示從 div html 獲取的變量值

通過(guò) d3.js 顯示從 div html 獲取的變量值

慕絲7291255 2023-06-29 22:28:24
我正在嘗試顯示數(shù)組的值,但由于某種原因它只顯示 NaN...有人可以幫助完成這項(xiàng)工作嗎?提前致謝。   <td>     <div class="values">       {{ value1 }}    </div>    </td>        <td>    <div class="values">     {{ value2 }}     </div>        </td>        <td>    <div class="values">     {{ value3 }}    </div>    </td>  var data = d3.selectAll('.values').nodes();  console.log(data);  var pie = d3.pie()   //we create this variable, for the values to be readeable in the console    .value(function(d) {return d.value; })(data);  console.log(pie);{{ Value1 }}、{{ Value2 }} 和 {{ Value 3 }} 已正確部署,這是來(lái)自 html 的圖片:
查看完整描述

1 回答

?
DIEA

TA貢獻(xiàn)1820條經(jīng)驗(yàn) 獲得超3個(gè)贊

您最近的問(wèn)題使用文本輸入元素來(lái)創(chuàng)建餅圖。這些元素有一個(gè)稱為 的屬性value。div 則不然。

當(dāng)您使用它時(shí),whered指的是一個(gè)元素:

.value(function(d)?{return?d.value;?})(data);

輸入元素將返回一個(gè)值,而 div 將返回未定義。因此你的 NaN 錯(cuò)誤:

console.log("div.value: ",d3.select("div").node().value);

console.log("input.value: ",d3.select("input").node().value);

console.log("input value an empty string: that's the content of the field");

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/5.7.0/d3.min.js"></script>

<div>text</div>

<input></input>

但是,如果您的 div 元素僅包含相關(guān)文本,那么我們可以使用類似的方法element.innerHtml來(lái)獲取數(shù)據(jù)。

console.log(d3.select("div").node().innerHTML);
<script?src="?
<div>50</div>

如果你交換:

var?pie?=?d3.pie()???
????.value(function(d)?{return?d.value;?})(data);

和:

var?pie?=?d3.pie()???
????.value(function(d)?{return?d.innerHTML;?})(data);

您應(yīng)該有一個(gè)可行的解決方案。

請(qǐng)注意,在這兩種情況(輸入或 div)中,輸入都是字符串,這可能會(huì)導(dǎo)致問(wèn)題,具體取決于您使用數(shù)據(jù)的方式,將數(shù)據(jù)強(qiáng)制為數(shù)字通常是一個(gè)好主意,您可以使用一元來(lái)做到這一點(diǎn)+

var?pie?=?d3.pie()???
????.value(function(d)?{return?+d.innerHTML;?})(data);


查看完整回答
反對(duì) 回復(fù) 2023-06-29
  • 1 回答
  • 0 關(guān)注
  • 221 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)