Gráficos Forex da Jquery
Obter através da App Store Leia esta publicação em nosso aplicativo!
Gráficos para aplicações de análise de estoque.
Estou tentando construir um aplicativo de análise de estoque e usa 3 tipos de gráficos.
Atualmente, estou fazendo isso usando o JQuery & amp; Google charts e como você pode ver abaixo é muito bonito:
Mas agora, eu era anotações nesses gráficos. Eu trouxe outra pergunta aqui no StackOverflow perguntando se algo pode ser anotado nas parcerias do Google.
Mas aqui, eu pergunto se existem outros gráficos que eu posso usar, que aceita esses 3 tipos de gráficos e me permite anotar (desenhar formas em posições) neles.
Por favor, ajude: (Eu tenho que entregar isso em uma semana!
Eu realmente recomendaria o HighCharts. Eles são gratuitos para o projeto aberto. O projeto requer uma licença se você usá-lo em um projeto comercial. Eles ainda têm uma biblioteca dedicada a gráficos de estoque, chamado HighStock.
Se você deseja uma biblioteca gratuita, minha recomendação é Flot. No entanto, ele não vem com tantos tipos de gráfico diferentes como HighCharts.
Eu acho que você pode usar jQPlot.
se você estiver usando um idioma do lado do servidor, há muitas bibliotecas que você pode usar e desenhar imagens e, claro, pode ser um gráfico, também há algumas bibliotecas especificamente para desenho de Gráficos.
Mas aqui estão algumas soluções de gráfico de JavaScript muito boas.
HighCharts Oferece uma licença gratuita para uso não comercial, com base em jQuery.
Licença GRAPhael MIT, baseada na famosa biblioteca raphael.
Flot Com menos interação, mas ainda grátis.
JSCharts Uma alternativa não-gratuita.
O bom ponto sobre a JS é que ele pode ser interativo.
Gráficos Forex da Jquery
Obter através da App Store Leia esta publicação em nosso aplicativo!
jquery Flot Chart - Como esconder as datas de fim de semana - para gráficos Forex?
Como posso esconder os tempos do fim de semana no eixo X? Esta linha do tempo deve ignorar o horário entre as 23h59 e segunda-feira às 00:00, ou seja, todo o fim de semana.
Eu já pulso todos os carimbos entre sexta-feira à noite e segunda-feira de manhã, mas ainda mostra os dados, como ele, há alguma atividade durante um fim de semana.
Isso deve ser possível com o uso das propriedades de transformação para o xaxis (veja a documentação aqui). Eu construo um violino mostrando isso para um caso simples aqui. Mas, para uma série de tempo, você tem um pouco mais a fazer.
Vou deixá-lo aqui como ponto de partida e pode voltar e expandi-lo quando tiver tempo. Código relevante:
Isso é resolvido usando números ordinais contíguos em vez de data-hora.
Usando ordinal - s para X e sua referência indireta para outro para mostrar os valores reais do rótulo do eixo X.
Sim, isso é simples.
Os tempos abertos do mercado são principalmente nem contíguos, nem deterministas / previsíveis - além de termos comerciais e Condições (e suas mudanças), além de bancárias regulares e / ou feriados locais, também há aderências administrativas obrigatórias (favoráveis) no mercado fechado (esperançosamente apenas para alguns instrumentos de negociação selecionados, sob algum extremo (tipicamente muito extremo ) condições de mercado) et al.
Então, ninguém sabe de antemão.
Um simplesmente tem que parar de usar qualquer outro que não seja um número puro ordinal para o eixo X, resultando em uma sequência de números pura e contígua (os ordinais), enumerando assim todas as unidades discretas dos quanta "admissíveis" (seja dias, horas , minutos (se negociando em quadros de tempo maiores), segundos, milissegundos (consulte a especificação da API de Protocolo FIX) ou mesmo as velocidades mais altas nas interfaces de negociação FX HFT - ainda existem valores discretos em TimeDOMAIN - assim enumeráveis por ordinais).
Uma vez que seus dados refletem a realidade ao usar per-se a indexação do número ordinal, o próximo passo é adicionar uma série mais - novamente, coerentemente indexado como os índices do número ordinal para a série de dados PriceDOMAIN - agora, contendo o TimeDOMAIN adequado (valores legíveis por humanos), que serão mostrados nas visualizações do display GUI do eixo X.
Este foi um padrão de fato em projetos de GUI desde os primeiros dias, e certamente permanecerá tanto para a simplicidade do conceito (a seqüência ordenada de valores "permissíveis") como a separação de preocupações.
Matplotlib e muitos outros pacotes gráficos usam isso por várias décadas, e as novas ferramentas gráficas serão novas.
jQuery Charts & # 038; Gráficos com API simples.
O plug-in do jJuery Charting da CanvasJS permite que você adicione o & # 038; interativo; gráficos responsivos à sua página da web com apenas algumas linhas de código. Ele também se integra facilmente com o Bootstrap e outros frameworks de JavaScript populares. Você tem acesso a todos os recursos presentes na versão autônoma, incluindo recursos como atualizações dinâmicas, zoom, pan, exportando como imagem, etc. A biblioteca suporta 30 tipos de gráficos diferentes, incluindo linha, barra, torta, etc. Se você é alguém que usa jQuery extensivamente , você deve se sentir em casa com este plugin. Os gráficos também são de alto desempenho, o que permite traçar dezenas de milhares de pontos de dados sem atraso.
Gráficos de linha.
Contém linhas de linha, spline e linha de passos.
Gráficos de área.
Contém área, área de spline, área empilhada, área empilhada 100, área de passo, área de alcance e alcance Gráficos de área de spline.
Gráficos de coluna e barra.
Contém coluna, barra, coluna empilhada, coluna empilhada 100%, coluna de intervalo, barra empilhada, barra empilhada 100%, barra de alcance e gráficos de cachoeira.
Pie and Funnel Charts.
Contém Pie, Donut / Donut, Funnel e Pyramid Charts.
Gráficos financeiros.
Contém cartazes de castiçal e OHLC.
Scatter e Bubble Charts.
Contém Scatter e Bubble Charts.
Box e Whisker Charts.
Contém Box e Whisker Charts também conhecidos como Box Plot Charts.
Combinação de gráficos.
Contém Erro, Barra de Erros, Linha de Erro, Gráficos Pareto, juntamente com a combinação de muitos outros Gráficos linha Barra, Linha, Área, OHLC, etc.
Gráficos dinâmicos.
Contém gráficos dinâmicos também conhecidos como Real Time ou Live Charts.
50 bibliotecas JavaScript para Gráficos e Gráficos.
Como você está visualizando dados em JavaScript? Qual é a sua biblioteca favorita para criar gráficos e gráficos com JavaScript?
Fui muito fã do jqPlot por sua abordagem de código aberto, simplicidade, exemplos e excelentes recursos. Ele funciona bem, é usado por muitas corporações, e é construído no topo do jQuery. Recentemente, no entanto, D3 realmente chamou minha atenção. Ele usa JavaScript, HTML, SVG e CSS para realmente trazer dados à vida. Também é de origem aberta, não depende do jQuery, tem uma tonelada de exemplos, e existem algumas boas bibliotecas de gráficos baseadas no D3. O outro grande jogador é HighCharts, também escrito em JavaScript puro com todas as demonstrações que você pode visualizar e editar no JSFiddle e também possui alguns recursos poderosos. Além desses três, há muitas bibliotecas de gráficos JavaScript mais úteis que vale a pena considerar. Aqui está uma lista das 50 melhores bibliotecas JS para fazer gráficos e gráficos:
FusionCharts & # 8211; eles se chamam de um componente de gráficos de qualidade corporativa e com uma boa razão, suponho. Eles são provavelmente os melhores do lote e têm 90 tipos de gráficos que funcionam em dispositivos e navegadores (incluindo IE 6, 7 e 8 para os quais eles usam VML). Eles têm uma tonelada de exemplos de painel de negócios, documentação extensa e alguns bons artigos sobre as melhores práticas de gráficos. Eles também têm um plugin jQuery. A FusionCharts começou há uma década (eles ainda têm um livro na sua jornada inicial) e afirmam ter 21 mil clientes (LinkedIn, Banco Mundial, Casa Branca, Oracle, etc.).
D3 & # 8211; é realmente incrível e eu amo a simplicidade. A documentação é realmente extensa, o código-fonte é hospedado no GitHub e os exemplos são intermináveis. Existe uma ferramenta de prototipagem D3 chamada Tributário com muitos exemplos excelentes. É tão bom que xcharts, nvd3, Rickshaw, Cubism. js, dc. js e xkcd são todos baseados no D3. Se você estiver fazendo algumas visualizações de dados personalizadas incríveis, D3 provavelmente deve ser sua escolha, caso contrário, essas bibliotecas baseadas em d3 mencionadas acima são excelentes para gráficos simples e simples. Finalmente, recomendo visitar o livro gratuito Scott Murray no D3 chamado Interactive Data Visualization para os tutoriais Web e Dashing D3.
HighCharts & # 8211; muito poderoso, adoro os exemplos da JSF e recursos poderosos. Eu não gosto da taxa de licença, mas eles têm grandes clientes (IBM, NASA, MasterCard, etc.). Eles também têm compatibilidade com o IE8.
jqPlot & # 8211; Se você já estiver usando jQuery, você não quer pagar pelo HighCharts, e D3 é demais para seus casos de uso simples, então jqPlot é uma excelente escolha.
dygraphs & # 8211; biblioteca JavaScript de código aberto que produz gráficos interativos e zoomáveis de séries temporais. É realmente excelente para grandes conjuntos de dados.
Protovis & # 8211; livre e open-source criado pelo mesmo time que agora está trabalhando no D3. Se você está interessado em comparar D3 para Protovis, confira esta página stackoveflow.
Flot Charts & # 8211; semelhante ao jqPlot, Flot é uma biblioteca de traçabilidade de JavaScript pura para o jQuery, com foco no uso simples, looks atraentes e recursos interativos. Se você estiver interessado em comparar Flot para jqPlot, esse tópico possui algumas boas informações.
Google Chart Tools & # 8211; poderoso, gratuito, simples de usar, e tem tudo, desde gráficos de linhas simples até mapas hierárquicos complexos, a tabela oferece uma grande quantidade de tipos de gráficos bem desenhados.
dc. js & # 8211; uma biblioteca de gráficos do javascript baseada no D3 com suporte de crossfilter nativo e permitindo uma exploração altamente eficiente em um grande conjunto de dados multidimensional.
xcharts & # 8211; uma biblioteca baseada em D3 para criar gráficos e gráficos personalizados.
nvd3 & # 8211; permite que você crie gráficos reutilizáveis e gráficos componentes sem tirar o poder que d3.js lhe dá.
Rickshaw & # 8211; Kit de ferramentas JavaScript para criar gráficos de séries temporais interativas.
Cubism. js & # 8211; um plugin D3 para visualizar séries temporais. Use o Cubismo para construir melhores painéis em tempo real, puxando dados de grafite, cubo e outras fontes.
xkcd & # 8211; permite que você faça parcelas de estilo XKCD em JavaScript usando o D3. Confira xkcdgraphs para criar seus próprios gráficos xkcd.
jQuery Sparklines & # 8211; um plugin jQuery que cria pequenos gráficos inline diretamente no navegador.
Peity & # 8211; um simples plugin do jQuery que converte o conteúdo de um elemento em um simples quadro de torta, linha ou barra de CANVAS simples.
BonsaiJS & # 8211; biblioteca de gráficos leve com uma API gráfica intuitiva e um renderizador SVG.
Flotr & # 8211; uma biblioteca de traçabilidade de JavaScript para Prototype. js. Ele vem com excelentes recursos como suporte de legendas, suporte de valor negativo, rastreamento de mouse, suporte de seleção, suporte de zoom, ganchos de evento, suporte de estilo css, texto incluído na tela, rótulos girados, gradientes de cores, título e legenda do gráfico, planilha, dados CSV baixar e muito mais.
ProtoChart & # 8211; Como o nome sugere, o ProtoChart permite criar gráficos bonitos usando JavaScript e Protótipo. É de código aberto, usa Canvas e foi altamente motivado pelas bibliotecas Flot, Flotr e PlotKit.
Flotr2 & # 8211; um projeto recente da HumbleSoftware que permite criar gráficos e gráficos com Canvas e JavaScript. HumbleSoftware também saiu com envisionjs que usa flotr2 e permite que você faça visualizações HTML5 dinâmicas.
jQuery-Visualize & # 8211; Gráficos de tela HTML5 orientados por elementos de tabela HTML. Outro plugin de gráficos para jQuery.
JS Charts & # 8211; um gerador de gráfico baseado em JavaScript que requer pouca ou nenhuma codificação. A versão gratuita possui uma marca d'água que pode ser removida pagando uma licença.
PlotKit & # 8211; um gráfico e uma gráfica de gráficos para Javascript. Possui suporte para HTML Canvas e também SVG via Adobe SVG Viewer e suporte de navegador nativo. PlotKit é uma reescrita completa do CanvasGraph.
MilkChart & # 8211; uma estrutura de JavaScript compacta para criar gráficos baseados no MooTools. É simples e fácil de entender.
moochart & # 8211; é outro plugin para o MooTools e se concentra no desenho de diagramas de bolhas na etiqueta de tela.
moowheel & # 8211; uma biblioteca de visualização de conexões JavaScript baseada em MooTools.
table2chart & # 8211; um plugin MooTools que gera gráficos de tabelas de dados acessíveis.
Gráfico em 3D da tela & # 8211; um tipo especial de gráfico de barras que traça números em 3D.
TufteGraph & # 8211; outra biblioteca de gráficos de JavaScript baseada em jQuery. Ele tem uma API muito compacta e o layout não-core é feito via CSS.
ArborJS & # 8211; uma biblioteca de visualização de gráficos usando web workers e jQuery.
TimePlot & # 8211; focado inteiramente em gráficos de dados de séries temporais, com suporte para anotar o gráfico com eventos temporais.
gRaphael & # 8211; Crie gráficos impressionantes em seu site, com base na biblioteca de gráficos Raphael.
ICO & # 8211; outra biblioteca de gráficos de JavaScript baseada em Raphael.
Elycharts & # 8211; uma biblioteca de gráficos de javascript pura, fácil de usar e completamente personalizável. Baseia-se nas bibliotecas jQuery e Raphaël.
ZingChart & # 8211; permite que você crie gráficos avançados e visualizações em HTML5, SVG, VML e Flash. Eles também têm um invólucro jQuery para esta grande biblioteca de gráficos.
RGraph & # 8211; produz gráficos interativos usando a tag de tela HTML5.
Dojo Charting & # 8211; Se você já está usando o Dojo, a biblioteca de gráficos do Dojo & # 8217; é uma ótima solução para fazer gráficos e gráficos.
Bluff & # 8211; Bluff é uma porta JavaScript da biblioteca Gruff gráfica para Ruby. Ele foi projetado para suportar todos os recursos do Gruff com dependências mínimas.
canvasXpress & # 8211; uma biblioteca javascript baseada na tag Canvas implementada no HTML5.
ccartar & # 8211; um gráfico de JavaScript simples que não depende de bibliotecas como jQuery.
JIT & # 8211; O JavaScript InfoVis Toolkit fornece ferramentas para criar visualizações de dados interativos para a Web.
JSXGraph & # 8211; uma biblioteca cross-browser para geometria interativa, traçado de funções, gráficos e visualização de dados em um navegador web.
Smoothie Charts & # 8211; uma biblioteca de gráficos de JavaScript para transmissão de dados.
Gráficos YUI & # 8211; Módulo YUI que fornece uma API de JavaScript para visualizar dados em uma variedade de formatos alavancando SVG, HTML Canvas e VML para renderizar seus elementos gráficos.
Amargas & # 8211; Gráficos JavaScript / HTML5, incluindo gráficos em série (coluna, barra, linha, área, linha passo, linha suavizada, castiçal e ohlc), tabelas de torta / rosquinha, radar / polar e xy / dispersão / bolha.
Emprise JavaScript Charts & # 8211; gráficos de JavaScript puro com excelentes recursos e um bom suporte para o navegador cruzado.
JavaScript Diagram Builder & # 8211; uma biblioteca de alguns objetos e funções, que podem ajudá-lo a exibir um gráfico ou gráfico de forma fácil.
jGraph & # 8211; Componente de diagramação HTML5 com suporte completo do dispositivo IE 6-8 e toque.
Sencha Touch Charts & # 8211; Ele usa HTML5 Canvas e CSS3 para entregar gráficos para os navegadores web móveis.
Tabela de estilo & # 8211; um serviço gratuito de gráficos de visualização do Ajax.
Se você está procurando mais bibliotecas e serviços da web que lidam com a visualização de dados, recomendo verificar Datavisualization. ch.
Eu perdi todas as boas bibliotecas de gráficos de JavaScript?
MetricsGraphics. js & # 8211; uma biblioteca criada em cima da D3 que é otimizada para visualizar e colocar dados da série temporal.
AwesomeChartJS & # 8211; Ótimos gráficos com JavaScript e o elemento de tela.
Sigma. js & # 8211; uma biblioteca de JavaScript leve de fonte aberta para fazer visualizações de rede usando o elemento de tela HTML.
Graphene & # 8211; um painel de controle em tempo real e # 038; ferramenta gráfica baseada em D3 e Backbone.
jQuery ToastChart & # 8211; uma biblioteca de gráficos de gráfico de linhas que foi projetada para mostrar todos os tipos de dados usando o elemento de tela HTML5.
GráficosJS & # 8211; Gráficos fáceis e orientados para o lado do cliente para designers e desenvolvedores.
Cytoscape. js & # 8211; biblioteca de gráficos em JavaScript de código aberto para análise e visualização.
Ember Timetree & # 8211; visualize os dados hierárquicos da linha de tempo com Ember. js e D3.js.
Simplify. js & # 8211; pequena biblioteca de simplificação de polilinha 2D / 3D de alto desempenho (extraída do Folheto)
DataMaps & # 8211; Mapas para visualização de dados interativos em Javascript (com d3js)
Aristochart & # 8211; gráficos de linha estática e 2D simples e sofisticados.
Morris. js & # 8211; gráficos de linhas da série temporal com jQuery e Raphael. js.
Grafico & # 8211; uma biblioteca de gráficos do javascript baseada em Raphaël e Prototype. js.
jQuery orgChart & # 8211; um pequeno plugin JQuery que gera um gráfico orginisacional hierárquico de uma lista aninhada não ordenada.
TimeChart & # 8211; poderosa e simples de usar a biblioteca de gráficos para criar gráficos baseados em tempo em HTML5-JavaScript puro.
JointJS & # 8211; Biblioteca de JavaScript de código aberto para criar diagramas.
sDashboard & # 8211; simples & # 038; quadro de painel de peso leve em javascript.
jQuery Spidergraph & # 8211; um módulo de gráfico de aranha HTML5 interativo para jQuery.
sheetsee. js & # 8211; visualizar dados de uma planilha do Google.
Chartbuilder & # 8211; D3.js baseia o aplicativo de layout de front-end que facilita a criação fácil de gráficos simples e bonitos.
dViz & # 8211; uma biblioteca de visualização declarativa de dados escrita em JavaScript. Incorporar gráficos na página apenas modificando algum código HTML.
Chartkick. js & # 8211; Crie belos gráficos de Javascript com código mínimo.
Plottable & # 8211; Gráficos flexíveis e interativos para a web com base no D3.
Categorias.
Copyright & copy2016 TechSlides, Todos os Direitos Reservados.
Obter através da App Store Leia esta publicação em nosso aplicativo!
jquery Flot Chart - Como esconder as datas de fim de semana - para gráficos Forex?
Como posso esconder os tempos do fim de semana no eixo X? Esta linha do tempo deve ignorar o horário entre as 23h59 e segunda-feira às 00:00, ou seja, todo o fim de semana.
Eu já pulso todos os carimbos entre sexta-feira à noite e segunda-feira de manhã, mas ainda mostra os dados, como ele, há alguma atividade durante um fim de semana.
Isso deve ser possível com o uso das propriedades de transformação para o xaxis (veja a documentação aqui). Eu construo um violino mostrando isso para um caso simples aqui. Mas, para uma série de tempo, você tem um pouco mais a fazer.
Vou deixá-lo aqui como ponto de partida e pode voltar e expandi-lo quando tiver tempo. Código relevante:
Isso é resolvido usando números ordinais contíguos em vez de data-hora.
Usando ordinal - s para X e sua referência indireta para outro para mostrar os valores reais do rótulo do eixo X.
Sim, isso é simples.
Os tempos abertos do mercado são principalmente nem contíguos, nem deterministas / previsíveis - além de termos comerciais e Condições (e suas mudanças), além de bancárias regulares e / ou feriados locais, também há aderências administrativas obrigatórias (favoráveis) no mercado fechado (esperançosamente apenas para alguns instrumentos de negociação selecionados, sob algum extremo (tipicamente muito extremo ) condições de mercado) et al.
Então, ninguém sabe de antemão.
Um simplesmente tem que parar de usar qualquer outro que não seja um número puro ordinal para o eixo X, resultando em uma sequência de números pura e contígua (os ordinais), enumerando assim todas as unidades discretas dos quanta "admissíveis" (seja dias, horas , minutos (se negociando em quadros de tempo maiores), segundos, milissegundos (consulte a especificação da API de Protocolo FIX) ou mesmo as velocidades mais altas nas interfaces de negociação FX HFT - ainda existem valores discretos em TimeDOMAIN - assim enumeráveis por ordinais).
Uma vez que seus dados refletem a realidade ao usar per-se a indexação do número ordinal, o próximo passo é adicionar uma série mais - novamente, coerentemente indexado como os índices do número ordinal para a série de dados PriceDOMAIN - agora, contendo o TimeDOMAIN adequado (valores legíveis por humanos), que serão mostrados nas visualizações do display GUI do eixo X.
Este foi um padrão de fato em projetos de GUI desde os primeiros dias, e certamente permanecerá tanto para a simplicidade do conceito (a seqüência ordenada de valores "permissíveis") como a separação de preocupações.
Matplotlib e muitos outros pacotes gráficos usam isso por várias décadas, e as novas ferramentas gráficas serão novas.
jQuery Charts & # 038; Gráficos com API simples.
O plug-in do jJuery Charting da CanvasJS permite que você adicione o & # 038; interativo; gráficos responsivos à sua página da web com apenas algumas linhas de código. Ele também se integra facilmente com o Bootstrap e outros frameworks de JavaScript populares. Você tem acesso a todos os recursos presentes na versão autônoma, incluindo recursos como atualizações dinâmicas, zoom, pan, exportando como imagem, etc. A biblioteca suporta 30 tipos de gráficos diferentes, incluindo linha, barra, torta, etc. Se você é alguém que usa jQuery extensivamente , você deve se sentir em casa com este plugin. Os gráficos também são de alto desempenho, o que permite traçar dezenas de milhares de pontos de dados sem atraso.
Gráficos de linha.
Contém linhas de linha, spline e linha de passos.
Gráficos de área.
Contém área, área de spline, área empilhada, área empilhada 100, área de passo, área de alcance e alcance Gráficos de área de spline.
Gráficos de coluna e barra.
Contém coluna, barra, coluna empilhada, coluna empilhada 100%, coluna de intervalo, barra empilhada, barra empilhada 100%, barra de alcance e gráficos de cachoeira.
Pie and Funnel Charts.
Contém Pie, Donut / Donut, Funnel e Pyramid Charts.
Gráficos financeiros.
Contém cartazes de castiçal e OHLC.
Scatter e Bubble Charts.
Contém Scatter e Bubble Charts.
Box e Whisker Charts.
Contém Box e Whisker Charts também conhecidos como Box Plot Charts.
Combinação de gráficos.
Contém Erro, Barra de Erros, Linha de Erro, Gráficos Pareto, juntamente com a combinação de muitos outros Gráficos linha Barra, Linha, Área, OHLC, etc.
Gráficos dinâmicos.
Contém gráficos dinâmicos também conhecidos como Real Time ou Live Charts.
50 bibliotecas JavaScript para Gráficos e Gráficos.
Como você está visualizando dados em JavaScript? Qual é a sua biblioteca favorita para criar gráficos e gráficos com JavaScript?
Fui muito fã do jqPlot por sua abordagem de código aberto, simplicidade, exemplos e excelentes recursos. Ele funciona bem, é usado por muitas corporações, e é construído no topo do jQuery. Recentemente, no entanto, D3 realmente chamou minha atenção. Ele usa JavaScript, HTML, SVG e CSS para realmente trazer dados à vida. Também é de origem aberta, não depende do jQuery, tem uma tonelada de exemplos, e existem algumas boas bibliotecas de gráficos baseadas no D3. O outro grande jogador é HighCharts, também escrito em JavaScript puro com todas as demonstrações que você pode visualizar e editar no JSFiddle e também possui alguns recursos poderosos. Além desses três, há muitas bibliotecas de gráficos JavaScript mais úteis que vale a pena considerar. Aqui está uma lista das 50 melhores bibliotecas JS para fazer gráficos e gráficos:
FusionCharts & # 8211; eles se chamam de um componente de gráficos de qualidade corporativa e com uma boa razão, suponho. Eles são provavelmente os melhores do lote e têm 90 tipos de gráficos que funcionam em dispositivos e navegadores (incluindo IE 6, 7 e 8 para os quais eles usam VML). Eles têm uma tonelada de exemplos de painel de negócios, documentação extensa e alguns bons artigos sobre as melhores práticas de gráficos. Eles também têm um plugin jQuery. A FusionCharts começou há uma década (eles ainda têm um livro na sua jornada inicial) e afirmam ter 21 mil clientes (LinkedIn, Banco Mundial, Casa Branca, Oracle, etc.).
D3 & # 8211; é realmente incrível e eu amo a simplicidade. A documentação é realmente extensa, o código-fonte é hospedado no GitHub e os exemplos são intermináveis. Existe uma ferramenta de prototipagem D3 chamada Tributário com muitos exemplos excelentes. É tão bom que xcharts, nvd3, Rickshaw, Cubism. js, dc. js e xkcd são todos baseados no D3. Se você estiver fazendo algumas visualizações de dados personalizadas incríveis, D3 provavelmente deve ser sua escolha, caso contrário, essas bibliotecas baseadas em d3 mencionadas acima são excelentes para gráficos simples e simples. Finalmente, recomendo visitar o livro gratuito Scott Murray no D3 chamado Interactive Data Visualization para os tutoriais Web e Dashing D3.
HighCharts & # 8211; muito poderoso, adoro os exemplos da JSF e recursos poderosos. Eu não gosto da taxa de licença, mas eles têm grandes clientes (IBM, NASA, MasterCard, etc.). Eles também têm compatibilidade com o IE8.
jqPlot & # 8211; Se você já estiver usando jQuery, você não quer pagar pelo HighCharts, e D3 é demais para seus casos de uso simples, então jqPlot é uma excelente escolha.
dygraphs & # 8211; biblioteca JavaScript de código aberto que produz gráficos interativos e zoomáveis de séries temporais. É realmente excelente para grandes conjuntos de dados.
Protovis & # 8211; livre e open-source criado pelo mesmo time que agora está trabalhando no D3. Se você está interessado em comparar D3 para Protovis, confira esta página stackoveflow.
Flot Charts & # 8211; semelhante ao jqPlot, Flot é uma biblioteca de traçabilidade de JavaScript pura para o jQuery, com foco no uso simples, looks atraentes e recursos interativos. Se você estiver interessado em comparar Flot para jqPlot, esse tópico possui algumas boas informações.
Google Chart Tools & # 8211; poderoso, gratuito, simples de usar, e tem tudo, desde gráficos de linhas simples até mapas hierárquicos complexos, a tabela oferece uma grande quantidade de tipos de gráficos bem desenhados.
dc. js & # 8211; uma biblioteca de gráficos do javascript baseada no D3 com suporte de crossfilter nativo e permitindo uma exploração altamente eficiente em um grande conjunto de dados multidimensional.
xcharts & # 8211; uma biblioteca baseada em D3 para criar gráficos e gráficos personalizados.
nvd3 & # 8211; permite que você crie gráficos reutilizáveis e gráficos componentes sem tirar o poder que d3.js lhe dá.
Rickshaw & # 8211; Kit de ferramentas JavaScript para criar gráficos de séries temporais interativas.
Cubism. js & # 8211; um plugin D3 para visualizar séries temporais. Use o Cubismo para construir melhores painéis em tempo real, puxando dados de grafite, cubo e outras fontes.
xkcd & # 8211; permite que você faça parcelas de estilo XKCD em JavaScript usando o D3. Confira xkcdgraphs para criar seus próprios gráficos xkcd.
jQuery Sparklines & # 8211; um plugin jQuery que cria pequenos gráficos inline diretamente no navegador.
Peity & # 8211; um simples plugin do jQuery que converte o conteúdo de um elemento em um simples quadro de torta, linha ou barra de CANVAS simples.
BonsaiJS & # 8211; biblioteca de gráficos leve com uma API gráfica intuitiva e um renderizador SVG.
Flotr & # 8211; uma biblioteca de traçabilidade de JavaScript para Prototype. js. Ele vem com excelentes recursos como suporte de legendas, suporte de valor negativo, rastreamento de mouse, suporte de seleção, suporte de zoom, ganchos de evento, suporte de estilo css, texto incluído na tela, rótulos girados, gradientes de cores, título e legenda do gráfico, planilha, dados CSV baixar e muito mais.
ProtoChart & # 8211; Como o nome sugere, o ProtoChart permite criar gráficos bonitos usando JavaScript e Protótipo. É de código aberto, usa Canvas e foi altamente motivado pelas bibliotecas Flot, Flotr e PlotKit.
Flotr2 & # 8211; um projeto recente da HumbleSoftware que permite criar gráficos e gráficos com Canvas e JavaScript. HumbleSoftware também saiu com envisionjs que usa flotr2 e permite que você faça visualizações HTML5 dinâmicas.
jQuery-Visualize & # 8211; Gráficos de tela HTML5 orientados por elementos de tabela HTML. Outro plugin de gráficos para jQuery.
JS Charts & # 8211; um gerador de gráfico baseado em JavaScript que requer pouca ou nenhuma codificação. A versão gratuita possui uma marca d'água que pode ser removida pagando uma licença.
PlotKit & # 8211; um gráfico e uma gráfica de gráficos para Javascript. Possui suporte para HTML Canvas e também SVG via Adobe SVG Viewer e suporte de navegador nativo. PlotKit é uma reescrita completa do CanvasGraph.
MilkChart & # 8211; uma estrutura de JavaScript compacta para criar gráficos baseados no MooTools. É simples e fácil de entender.
moochart & # 8211; é outro plugin para o MooTools e se concentra no desenho de diagramas de bolhas na etiqueta de tela.
moowheel & # 8211; uma biblioteca de visualização de conexões JavaScript baseada em MooTools.
table2chart & # 8211; um plugin MooTools que gera gráficos de tabelas de dados acessíveis.
Gráfico em 3D da tela & # 8211; um tipo especial de gráfico de barras que traça números em 3D.
TufteGraph & # 8211; outra biblioteca de gráficos de JavaScript baseada em jQuery. Ele tem uma API muito compacta e o layout não-core é feito via CSS.
ArborJS & # 8211; uma biblioteca de visualização de gráficos usando web workers e jQuery.
TimePlot & # 8211; focado inteiramente em gráficos de dados de séries temporais, com suporte para anotar o gráfico com eventos temporais.
gRaphael & # 8211; Crie gráficos impressionantes em seu site, com base na biblioteca de gráficos Raphael.
ICO & # 8211; outra biblioteca de gráficos de JavaScript baseada em Raphael.
Elycharts & # 8211; uma biblioteca de gráficos de javascript pura, fácil de usar e completamente personalizável. Baseia-se nas bibliotecas jQuery e Raphaël.
ZingChart & # 8211; permite que você crie gráficos avançados e visualizações em HTML5, SVG, VML e Flash. Eles também têm um invólucro jQuery para esta grande biblioteca de gráficos.
RGraph & # 8211; produz gráficos interativos usando a tag de tela HTML5.
Dojo Charting & # 8211; Se você já está usando o Dojo, a biblioteca de gráficos do Dojo & # 8217; é uma ótima solução para fazer gráficos e gráficos.
Bluff & # 8211; Bluff é uma porta JavaScript da biblioteca Gruff gráfica para Ruby. Ele foi projetado para suportar todos os recursos do Gruff com dependências mínimas.
canvasXpress & # 8211; uma biblioteca javascript baseada na tag Canvas implementada no HTML5.
ccartar & # 8211; um gráfico de JavaScript simples que não depende de bibliotecas como jQuery.
JIT & # 8211; O JavaScript InfoVis Toolkit fornece ferramentas para criar visualizações de dados interativos para a Web.
JSXGraph & # 8211; uma biblioteca cross-browser para geometria interativa, traçado de funções, gráficos e visualização de dados em um navegador web.
Smoothie Charts & # 8211; uma biblioteca de gráficos de JavaScript para transmissão de dados.
Gráficos YUI & # 8211; Módulo YUI que fornece uma API de JavaScript para visualizar dados em uma variedade de formatos alavancando SVG, HTML Canvas e VML para renderizar seus elementos gráficos.
Amargas & # 8211; Gráficos JavaScript / HTML5, incluindo gráficos em série (coluna, barra, linha, área, linha passo, linha suavizada, castiçal e ohlc), tabelas de torta / rosquinha, radar / polar e xy / dispersão / bolha.
Emprise JavaScript Charts & # 8211; gráficos de JavaScript puro com excelentes recursos e um bom suporte para o navegador cruzado.
JavaScript Diagram Builder & # 8211; uma biblioteca de alguns objetos e funções, que podem ajudá-lo a exibir um gráfico ou gráfico de forma fácil.
jGraph & # 8211; Componente de diagramação HTML5 com suporte completo do dispositivo IE 6-8 e toque.
Sencha Touch Charts & # 8211; Ele usa HTML5 Canvas e CSS3 para entregar gráficos para os navegadores web móveis.
Tabela de estilo & # 8211; um serviço gratuito de gráficos de visualização do Ajax.
Se você está procurando mais bibliotecas e serviços da web que lidam com a visualização de dados, recomendo verificar Datavisualization. ch.
Eu perdi todas as boas bibliotecas de gráficos de JavaScript?
MetricsGraphics. js & # 8211; uma biblioteca criada em cima da D3 que é otimizada para visualizar e colocar dados da série temporal.
AwesomeChartJS & # 8211; Ótimos gráficos com JavaScript e o elemento de tela.
Sigma. js & # 8211; uma biblioteca de JavaScript leve de fonte aberta para fazer visualizações de rede usando o elemento de tela HTML.
Graphene & # 8211; um painel de controle em tempo real e # 038; ferramenta gráfica baseada em D3 e Backbone.
jQuery ToastChart & # 8211; uma biblioteca de gráficos de gráfico de linhas que foi projetada para mostrar todos os tipos de dados usando o elemento de tela HTML5.
GráficosJS & # 8211; Gráficos fáceis e orientados para o lado do cliente para designers e desenvolvedores.
Cytoscape. js & # 8211; biblioteca de gráficos em JavaScript de código aberto para análise e visualização.
Ember Timetree & # 8211; visualize os dados hierárquicos da linha de tempo com Ember. js e D3.js.
Simplify. js & # 8211; pequena biblioteca de simplificação de polilinha 2D / 3D de alto desempenho (extraída do Folheto)
DataMaps & # 8211; Mapas para visualização de dados interativos em Javascript (com d3js)
Aristochart & # 8211; gráficos de linha estática e 2D simples e sofisticados.
Morris. js & # 8211; gráficos de linhas da série temporal com jQuery e Raphael. js.
Grafico & # 8211; uma biblioteca de gráficos do javascript baseada em Raphaël e Prototype. js.
jQuery orgChart & # 8211; um pequeno plugin JQuery que gera um gráfico orginisacional hierárquico de uma lista aninhada não ordenada.
TimeChart & # 8211; poderosa e simples de usar a biblioteca de gráficos para criar gráficos baseados em tempo em HTML5-JavaScript puro.
JointJS & # 8211; Biblioteca de JavaScript de código aberto para criar diagramas.
sDashboard & # 8211; simples & # 038; quadro de painel de peso leve em javascript.
jQuery Spidergraph & # 8211; um módulo de gráfico de aranha HTML5 interativo para jQuery.
sheetsee. js & # 8211; visualizar dados de uma planilha do Google.
Chartbuilder & # 8211; D3.js baseia o aplicativo de layout de front-end que facilita a criação fácil de gráficos simples e bonitos.
dViz & # 8211; uma biblioteca de visualização declarativa de dados escrita em JavaScript. Incorporar gráficos na página apenas modificando algum código HTML.
Chartkick. js & # 8211; Crie belos gráficos de Javascript com código mínimo.
Plottable & # 8211; Gráficos flexíveis e interativos para a web com base no D3.
Categorias.
Copyright & copy2016 TechSlides, Todos os Direitos Reservados.
Комментариев нет:
Отправить комментарий