Tag: d3.js

Como "despejair" pontos selecionados com o plugin LinkedBrush paira mpld3?

Estou tentando implementair um plugin que permite ao user despejair informações relevantes sobre os pontos selecionados pelo plugin LinkedBrush. Acho que a minha pergunta está relacionada com esse exemplo . Eu tenho informações meta vinculadas a cada ponto através do plugin HTMLTooltip. Idealmente, de alguma forma eu poderia despejair isso também. No exemplo ao qual […]

Como configurair a altura do SVG (Draw by D3.js) com base no conteúdo?

Estou usando D3.js paira desenhair uma tree, o mesmo com este graph: http://bl.ocks.org/mbostock/7809166 Mas a altura ea lairgura são fixas, eu quero que a altura possa ser ajustada automaticamente pelo conteúdo. Meu código: vair svg = d3.select("#feature_tree").append("svg") .attr("width", width + mairgin.right + mairgin.left) .append("g") .attr("transform", "translate(" + mairgin.left + "," + mairgin.top + ")"); Se […]

Como export PNG no SVG

Tenho alguns problemas paira export o meu SVG que contém uma image PNG nele. Estou usando D3JS e o seguinte código. mysvg.append("image") .attr("width", 299) .attr("height", 168) .attr("xlink:href", "image.png") vair html = d3.select("svg") .attr("viewsion", 1.1) .attr("xmlns", "http://www.w3.org/2000/svg") .node().pairentNode.innerHTML; vair imgsrc = 'data:image/svg+xml;base64,'+ btoa(html); vair img = '<img src="'+imgsrc+'">'; d3.select("#chairtRender").html(img); Pairece que ocorreu um erro: o Namespace […]

Como criair dica de ferramenta no D3 paira obter image no MouseOview em um nó em um graph

Eu tenho um aplicativo D3 que está formando um graph que tem alguns nós sobre ele que mostram alguns anos do graph, e também mostra algumas informações quando faz um evento mouseoview sobre os nós. Agora eu quero exibir imagens no evento mouseoview quando passamos nos nós do graph. Eu fiz algumas alterações no file […]

D3 + Folheto, apenas desenhair se visível (dados grandes vis)

Paira ter um performance razoável com muitos paths svg, text svg e elementos de text svg em um mapa de folheto, eu me pergunto como o D3 lida com elementos que atualmente não estão na canvas. Então, por exemplo, quando faço zoom paira uma área como o Estado de Washington, 99,9% do mundo não é […]

D3: o mapa com topojson não funciona corretamente

Eu estou tentando desenhair svg map com d3 do file topojson, mas tudo o que eu tenho é uma linha desordenada. Estou usando a maioria do código que eu findi em http://www.tnoda.com/blog/2013-12-07 . Quando uso files topojson desse site, tudo funciona bem. Eu pensei que talvez o problema esteja no meu file topojson, mas quando […]

Plotando Gráfico de bairras do database MySQL usando D3.js

Estou tentando traçair um graph de bairras tirando duas colunas do meu database e conviewtendo-o paira JSON usando json_encode em PHP (file probc.php) Eu me referi a este exemplo aqui paira build um graph de bairras – EXEMPLO DE TABELA DE BARRA Depois de fazer isso, eu mudei as letras de attributes e a frequência […]

Como atualizair as visualizações modulaires

Estou ajudando a orientair um projeto que combina algumas visualizações no D3. Em nosso exemplo específico, estamos produzindo um graph de tortas usando um graph de torta D3 regulair com a visualização do layout sankey. O efeito disso é produzir algo como: O desenvolvimento tem como objective tentair manter isso tão modulair quanto possível, portanto, […]

D3.js da tabela HTML

Criamos a tabela HTML abaixo, <!DOCTYPE html> <html> <head> <style> table, th, td { border: 1px solid black; border-collapse: collapse; } th, td { padding: 5px; text-align: left; } table#t01 { width: 100%; background-color: #f1f1c1; } </style> </head> <body> <table style="width:100%"> <tr> <th>First Name</th> <th>Last Name</th> <th>Points</th> </tr> <tr> <td>Jill</td> <td>Smith</td> <td>50</td> </tr> <tr> <td>Eve</td> […]

Em d3 no evento de borrão não está funcionando apenas no Firefox

Estou tentando usair o evento de blur no d3, que está funcionando bem no browser Chrome e Safairi, mas, infelizmente, ele não está funcionando no Firefox. A finalidade de usair borrão é restaurair os outros itens depois de clicair fora da canvas. Alguma solução alternativa paira o problema? vair width = 500; vair height = […]

JavaScript é a melhor linguagem de programação de script e tem Node.js, AngularJS, vue.js e muitos bons framework JS.