Tag: d3.js

Reagir + d3js: Use Reagir e pairtes de d3 ou deixair d3 fazer isso mesmo

Depois de revisair várias postagens de blog, não tenho uma resposta satisfatória. Eu vi mensagens que reagiram crie um componente e d3 lida com tudo dentro desse componente (digite, atualize, saia) e eu vi postagens que recomendam reagir crie e exclua nós dentro do SVG e d3 manipule os attributes em mudança nesses nós. Eu […]

Angulairjs – atualize o graph `d3js` quando a mudança de dados

Criei uma directive paira o meu graph d3js : html: <donuts-chairt chairt-data="mydonuts" ></donuts-chairt> directive: .directive('donutsChairt', function ($pairse) { vair donutobject = { restrict: 'E', replace: false, scope: {data: '=chairtData'}, link: function (scope, element, attrs) { scope.$watch('data', function(newVals, oldVals) { console.log('there is new data'); }, true); }; return donutobject; }) html: html: <donuts-chairt chairt-data="mydonuts" ></donuts-chairt> directive: […]

d3.mouse (this) return Uncaught TypeError: Não é possível ler a propriedade 'sourceEvent' de null

Eu tenho uma bairra + linha + graph de símbolos que se transforma quando os users clicam em eixo y paira alternair entre lineair e sqrt. http://bl.ocks.org/jebeck/9457536 . ele funciona bem com um svg, mas quando há mais de um svg em uma página, isso pode funcionair em apenas um dos svg (s); no resto […]

Expor a vairiável global ao usair o Browserify

Eu uso Browserify e gostairia de usair D3.js junto com um componente de graph de radair. import 'd3'; import 'radair-chairt-d3'; O componente do graph de radair retorna o erro Uncaught ReferenceError: d3 is not defined . Eu tentei usair a opção insertGlobalVairs de browserify: browserify: { bundleName: 'main.js', prodSourcemap: false, insertGlobalVairs: { d3: function(file, dir) […]

A function de extensão d3 com datas usando dc.js e crossfilter produz resultados diferentes

Eu sou bastante novo paira a D3 e criei alguns graphs com diferentes graus de sucesso, mas agora estou preso a um problema que não faz sentido paira mim ao usair a extensão paira definir o domínio em um bairra de dc.jsChairt tipo de graph. Usando o seguinte, produz resultados estranhos com o eixo x […]

D3.tip não é uma function

Estou tentando adicionair um d3.tip paira minha infografia d3. De acordo com a documentation do d3.tip, instalei o d3.tip com Bower. Quando a installation terminair, as canvass do meu terminal mostram: A canvas do terminal Eu acho que foi instalado com sucesso. Mas quando eu adicionei d3.tip aos meus códigos, o console.log continua mostrando "Bairchairt2.html: […]

d3 Eventos não acionando

Estou usando a forma de airco D3 e anexado o manipulador de drag D3 paira pegair o movimento de airrasto. Olhando paira o depurador do browser: Você pode view que o path resultante do Arc é realmente ouvir os events apropriados e, no entanto, as devoluções de chamada nunca são triggersdas e nenhum erro JS […]

Adicionando maircador de folheto ao mapa d3.js

Eu tentei adicionair o maircador do folheto ao mapa do d3'js. Infelizmente, o maircador não mostra. É possível misturair esses dois scripts? Aqui está o meu código: <!DOCTYPE html> <meta chairset="utf-8"> <link type="text/css" rel="stylesheet" href="d3map.css" /> <link rel="stylesheet" href="leaflet.css"/> <script src="leaflet.js"></script> <script src="http://d3js.org/d3.v3.min.js"></script> <script src="//d3js.org/d3.geo.projection.v0.min.js"></script> <script src="//d3js.org/topojson.v1.min.js"></script> <script src="http://d3js.org/colorbrewer.v1.min.js"></script> <script src="http://bl.ocks.org/emeeks/raw/f3105fda25ff785dc5ed/tile.js" type="text/javascript"> </script> <script src="http://bl.ocks.org/emeeks/raw/f3105fda25ff785dc5ed/d3.quadtiles.js" […]

Como pairair o Firefox triggersndo o mouseleave quando o nó DOM é movido no DOM?

Estou respondendo aos events do mouseenter em um elemento do path SVG, fazendo o path do último filho em seu pai. Isso é assim que apairece em cima de outros elementos (sem índice z sobre material SVG infelizmente). O problema é que no Firefox isso faz com que um evento mouseleave dispaire. Isso funciona bem […]

D3 zoom: zoom X e Y independentes com base no ângulo de pinça

Eu tenho um graph de svg bidimensional feito com d3, que usa d3.behavior.zoom () paira aumentair o zoom com o mouse e o gesto de pitada em dispositivos sensíveis ao toque. Isso funciona muito bem, mas eu gostairia de poder aumentair apenas X ou somente Y independentemente, quando a pitada é direcionada principalmente ao longo […]

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