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

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

D3.js - .on(鼠標(biāo)懸停)不檢索數(shù)據(jù)(地圖上的強(qiáng)制定向布局(leaflet.js))

D3.js - .on(鼠標(biāo)懸停)不檢索數(shù)據(jù)(地圖上的強(qiáng)制定向布局(leaflet.js))

吃雞游戲 2024-01-03 17:15:20
我正在通過(guò)地圖 ( leaflet.js) 建立網(wǎng)絡(luò),其中有兩種不同類型的圈子(私有域和公共域)。我可以在地圖中顯示我的links和我的nodes(nodes實(shí)體類型(私人或公共)以及l(fā)inks他們彼此簽訂的合同。.on("mouseover")不幸的是,當(dāng)我嘗試將效果應(yīng)用到我的圈子時(shí)遇到了問題。下面的代碼展示了我具體做了什么效果。var circle = g.selectAll("circle")    .data(nodes)    .enter()    .append("circle")    .attr("cx", function(d){ return map.latLngToLayerPoint([d.lat, d.long]).x })            .attr("cy", function(d){ return map.latLngToLayerPoint([d.lat, d.long]).y })    .attr("r", function(d,i)        {                        if(d.numContr >= 50)                            {return 20;}        else{            if(d.numContr <50 && d.numContr >= 25)      {return 16;}            else{                if(d.numContr <25 && d.numContr >= 10)  {return 12;}                else                                    {return 8; }                }                       }        })    .attr("fill", function (d, i)        {        if(d.private == 1)      { return "rgb(8,105,114)" }        else                    { return "rgb(167,255,131)"}        })    .attr("stroke","rgb(7,26,82)")    .attr("stroke-width", 6)     .on("mouseover", mouseover)    .on("mouseout", mouseout)  其function mouseover內(nèi)容如下:    function mouseover(d, i, n){    console.log(d3.select(n[i])    d3.select(n[i])    .transition()    .duration(100)    .attr("opacity",0.7)}我現(xiàn)在面臨的問題是,當(dāng)我console.log()嘗試查看什么屬性或發(fā)送到 的值時(shí),我什至看不到數(shù)據(jù)log,數(shù)據(jù)就是看不到。我嘗試了一切可能的方法,我嘗試將函數(shù)放入.on("mouseover", function(...){...}),隨機(jī)嘗試中,但似乎沒有任何效果。提醒一下,我只有 2 周的時(shí)間d3.js,所以我仍然是一個(gè)嘗試學(xué)習(xí)文檔的菜鳥。我覺得奇怪的是,另一個(gè)functions正在工作并通過(guò)data,但當(dāng)我指的是該mouseover功能時(shí),它不起作用。我將提供所有代碼以供進(jìn)一步分析,因?yàn)閱栴}可能出在其他地方。
查看完整描述

1 回答

?
慕姐4208626

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

我們要做的就是attribute在名為 的圓圈中添加"pointer-events"并將其設(shè)置為visible。這是結(jié)果:

.attr("pointer-events","visible")

然后,我在調(diào)用函數(shù)mouseover和時(shí)遇到了一個(gè)較小的問題mouseout,所以我只是將其寫在鼠標(biāo)懸停事件上,如下所示,它起作用了:

.on("mouseover",function (d, i, n)

? ? ? ? ? ? {

? ? ? ? ? ? ? ? d3.select(n[i])

? ? ? ? ? ? ? ? .transition()

? ? ? ? ? ? ? ? .duration(100)

? ? ? ? ? ? ? ? .attr("opacity",0.7)

? ? ? ? ? ? })

? ? .on("mouseout",function (d, i, n)

? ? {

? ? ? ? d3.select(n[i])

? ? ? ? .transition()

? ? ? ? .duration(100)

? ? ? ? .attr("opacity",1)

? ? })? ? ?

對(duì) 做了同樣的事情function update。


查看完整回答
反對(duì) 回復(fù) 2024-01-03
  • 1 回答
  • 0 關(guān)注
  • 204 瀏覽

添加回答

舉報(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)