亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

圓圈滑行顯示數據

圓圈滑行顯示數據

圓圈滑行顯示數據我有一組我正在繪制的數據。當我在其中一個圓圈上移動時,我希望它彈出數據(比如x,y值,也許更多)。下面是我嘗試使用的內容:vis.selectAll("circle")    .data(datafiltered).enter().append("svg:circle")    .attr("cx", function(d) { return x(d.x);})    .attr("cy", function(d) {return y(d.y)})    .attr("fill", "red").attr("r", 15)    .on("mouseover", function() {         d3.select(this).enter().append("text")             .text(function(d) {return d.x;})             .attr("x", function(d) {return x(d.x);})             .attr("y", function (d) {return y(d.y);}); });我想我需要更多關于輸入哪些數據的信息?
查看完整描述

3 回答

?
慕標5832272

TA貢獻1966條經驗 獲得超4個贊

我想你想要的是一個工具提示。最簡單的方法是附加一個svg:title元素添加到每個圓圈中,因為瀏覽器將負責顯示工具提示,而不需要鼠標處理程序。代碼將類似于

vis.selectAll("circle")
   .data(datafiltered).enter().append("svg:circle")
   ...
   .append("svg:title")
   .text(function(d) { return d.x; });

如果您想要更好的工具提示,您可以使用醉醺醺的例子??匆?/trans>這里舉個例子。


查看完整回答
反對 回復 2019-07-05
  • 3 回答
  • 0 關注
  • 577 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號