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

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

為了在 D3 中擁有多個(gè)相互關(guān)聯(lián)的圖表，應(yīng)該如何構(gòu)建 HTML 的布局

為了在 D3 中擁有多個(gè)相互關(guān)聯(lián)的圖表，應(yīng)該如何構(gòu)建 HTML 的布局

紅顏莎娜 2021-06-22 17:58:19
我希望能夠鏈接多個(gè)圖表，使一個(gè)圖表與另一個(gè)圖表發(fā)生變化。但我不確定是否我應(yīng)該為每個(gè)圖表創(chuàng)建一個(gè)單獨(dú)的 div，并根據(jù)第一個(gè) div 內(nèi) svg 中的事件在第二個(gè) div 中創(chuàng)建 svg我應(yīng)該在事件觸發(fā)器的同一個(gè) div 內(nèi)創(chuàng)建另一個(gè) svg使用另一個(gè) svg 創(chuàng)建一個(gè) svg（如果可能）將所有圖表放在 1 div 1 svg 中注意：數(shù)據(jù)由我打算繪制的所有圖形共享。請建議！目前，我無法讓其中任何一個(gè)工作。
查看完整描述

1 回答

?
湖上湖

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

您在談?wù)?lt;svg>元素，但這些只是用于繪制圖表的占位符。


您需要做的主要事情是讀取要繪制的數(shù)據(jù)并將其存儲(chǔ)在全局變量中，或者將其傳遞給繪制單個(gè)圖表的函數(shù)。


function drawLineChart(data) {

  var lineChart = d3.body.append('svg').classed('line-chart', true);

  // draw a line chart here

  return lineChart;

}


function drawBarChart(data) {

  var barChart = d3.body.append('svg').classed('bar-chart', true);

  // draw a bar chart here

  return barChart;

}


function registerEventListeners(charts) {

  // given an array of charts, register `mouseenter`, `mouseleave`,

  // or `click` event listeners for each one, and, within their handlers,

  // also change the other charts you've passed.

}


d3.csv('data', function(data, error) {

  // read the data and call the other functions with it

  var charts = [

    drawLineChart(data),

    drawBarChart(data),

  ];

  registerEventListeners(charts);

});


查看完整回答
反對 回復(fù) 2021-06-24
  • 1 回答
  • 0 關(guān)注
  • 168 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

 幫助反饋 APP下載

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

 公眾號

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