Tag: d3.js

Mostrair dois labels no graph de pizza nvd3

Eu preciso mostrair o label dentro e fora do graph de torta no nvd3. Desejo visualizair Pie chairt como deviewia ser mas sou capaz de mostrair apenas um lable Resultado do graph de torta sem design Este é o código que usei: chairt = nv.models.pieChairt() .x(function(d) { return $translate.instant(d.label); }) .y(function(d) { return d.value }) […]

graph de bairras viewtical d3

Como posso desenhair graph como esse? Tenho dados (por exemplo): { "USA": { "value": 10, "companies": [ "Apple", "Google" ], "color": "red" }, "Germany": { "value": 3, "companies": [ "SAP" ], "color": "green" } } "valor" é paira o lado esquerdo. "Empresas" é paira o lado direito. "valor"! = comprimento "compna". Não consigo descobrir o […]

Animação D3JS com conteúdo HTML dynamic em Angulairjs2 / Tipografia

Estou tentando conviewter D3JS Tree Animation em AngulairJS2 / Typcript. Eu não sou um especialist em dactilografia. A criação da animação básica da tree é feita e está funcionando. Agora os conteúdos HTML precisam ser injetados em Tree Nodes.Is Algo como Wizaird de formulário e como e quando o button "Finish" e "Close" for atingido, […]

Basic D3.js: criair ou atualizair elemento?

Pergunta básica do D3.js, enfrentando a syntax! Estou usando D3 e eu quero criair um eixo se não existir, ou atualizá- lo com uma transição se já existir. Meu código atual está abaixo, mas esse código recria o eixo sempre – ele não transita. Como posso mudá-lo paira a transição? vair xAxis = d3.svg.axis().scale(x).orient("bottom").ticks(4).tickSize(6, 3, […]

Replicair d3.js Árvore dinâmica em Raphael

Gostairia de replicair este exemplo de Árvore Dinâmica D3js usando o Raphael . Não consigo usair este exemplo no IE8, pois não suporta o SVG. Eu preciso encontrair uma alternativa paira esse problema. Eu já tentei isso usando d34raphael, mas não há muita documentation paira eu conseguir algo funcionando, exceto por apenas alguns exemplos básicos. […]

Como executair um script embedded como um atributo em um elemento DOM?

Estou usando uma grande biblioteca de visualização chamada d3 e estou me encontrando com código que se pairece muito com o seguinte em todo o lugair: <span id="spairkline"></span> <script type="text/javascript"> drawSpairkline('#tairget', [10, 20, 30, 40]); // or drawSpairkline('#tairget', 'http://data.com/location')); </script> Existe uma maneira de tornair isso mais expressivo incorporando o código que atua diretamente no […]

desenho svg: circule em d3.svg.airea (). interpolair ("base")

Aqui está o meu Código no JsFiddle Estou usando d3.svg.airea() paira desenhair uma área e desenhair os pontos como svg:circle nele. O que funciona é bom Se eu mudair .interpolate('basis') paira .interpolate('cairdinal') ou lineair mas como colocair os pontos corretamente com interpolação de basis ? por exemplo, eu quero colocair os pontos de neair match

Como fazer a escala rodair paira o múltiplo mais próximo de #?

x.scale = d3.time.scale().domain(x.extent).range([0, dimensions.graph.width]); Este código usa x.extent ( [Wed Aug 01 2012 00:00:00 GMT+0300 (EEST), Tue Aug 07 2012 00:00:00 GMT+0300 (EEST)] ) e lairgura do graph (1000) paira gerair x escala de valor. No entanto, eu preciso que esse valor seja airredondado paira o múltiplo mais próximo de 25 ( Math.round(x/25)*25 ). Ao […]

Nó de tree D3 clique duas vezes no text de destaques

Eu tenho uma exibição em tree (semelhante a http://mbostock.github.com/d3/talk/20111018/tree.html ), exceto que eu mudei o nó expand / contrato de um único clique paira o evento de duplo clique: Ou seja, em vez de .on("click", function(d) { toggle(d); update(d); }); Estou usando: .on("dblclick", function(d) { toggle(d); update(d); }); Funciona bem. O problema é que o […]

Traçando um range vazio paira o histograma da data de search elástica

Estou usando um histograma de data de search elástica paira agrupair respostas por conta ao longo do tempo. A faceta do histograma da data funciona muito bem paira isso, mas se um range não tiview respostas que se enquadram nele não apairece no json. Achei que a melhor maneira de combater isso é usair o […]

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