Articles of graphiques

D3.js – transform & transition, plusieurs lignes

J'ai suivi les instructions à l' adresse suivante : http://bost.ocks.org/mike/path/ pour créer et animer des graphiques simples avec des lignes simples. Et, a compris comment créer plusieurs lignes dans un graphique: Dessiner plusieurs lignes dans D3.js Problème principal: j'ai de la difficulté à passer de plusieurs lignes après que je change et que je lance […]

Bibliothèque de diagramme qui peut modifier le graphique en faisant glisser des points?

Je cherche de préférence javascript (mais le flash le ferait aussi) la bibliothèque de cartographie qui serait capable de rendre des séries temporelles en tant que graphique de lignes, puis de permettre de faire glisser des points dans le graphique pour modifier les données sous-jacentes. On m'a dit que Excel pouvait faire exactement la même […]

Grille des diagrammes en colonne de Highcharts

Est-ce que quelqu'un peut donner un exemple de fonctionnalité d'analyse pour les tableaux de colonnes du package Highcharts? Voici le jsfiddle de l'exemple à partir du site Web de Highcharts, mais c'est avec des données statiques. Http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/column-drilldown/ Comment le rendre dynamique? Même si je met en œuvre la fonction de clic, comment savoir quelle colonne […]

Est-il possible d'insérer une icône dans l'arc d'un tableau de donuts avec D3?

J'ai un tableau Donut avec 3 catégories (arcs): Facebook (50%), Twitter (30%) et Instagram (20%). Placer le graphique est assez facile, mais je veux savoir comment insérer une icône dans chaque arc avec le symbole correspondant du réseau social (en utilisant D3 ou même C3). Merci!

Coloring Cells Google Chart – Scatter Chart

J'utilise google charts dans l'un de mes projets. J'ai besoin de colorier un ensemble de cellules dans le diagramme de dispersion de google en utilisant le code suivant. J'utilise google.visualization.arrayToDataTable pour traiter les données. Voici mon code <script src="https://www.gstatic.com/charts/loader.js"></script> <div id="chart_div"></div> <script type="text/javascript"> google.charts.load('current', { callback: function () { var dataTable = new google.visualization.DataTable({ cols: […]

Highstocks – Placez une ligne entre les colonnes lors de l'utilisation de l'axe date-temps

Est-il possible de placer une ligne entre les colonnes lors de l'utilisation d'un axe date-temps? Http://jsfiddle.net/ozke/30go12jy/4/ Code pertinent: chart: { type: 'column' }, xAxis: { type: 'datetime', gridLineWidth: 1, gridLineColor:'#FF0000', gridZIndex: 4 /* grid line styles */ }, plotOptions: { column: { grouping: false, borderWidth: 0, groupPadding: 0, pointPadding: 0 } } J'essayais à l'origine […]

Comment puis-je dessiner une ligne verticale sur un graphique à barres horizontale avec ChartJS?

Il existe de nombreux exemples d'extension d'un graphique pour inclure une ligne horizontale et verticale. Cependant, je n'ai pas trouvé de moyen de tracer une ligne verticale avec un diagramme à barre horizontale. Ligne horizontale sur le diagramme de ligne horizontale Ligne verticale sur le diagramme de ligne horizontale Ligne horizontale sur diagramme à barres […]

C3JS – Impossible de lire la propriété 'category10' de undefined

J'ai essayé ce code c3.js de jsfiddle ( https://jsfiddle.net/varunoberoi/mcd6ucge ), mais cela ne semble pas fonctionner dans mon localhost. J'utilise uniserver comme mon serveur. Je copier-coller tout, mais ça ne fonctionne pas. <html> <head> <!– CSS –> <link href="css/c3.css" rel="stylesheet" type="text/css" /> <!– JAVASCRIPT –> <script src="js/d3.min.js" type="text/javascript"></script> <script src="js/c3.js" type="text/javascript"></script> <script type="text/javascript"> window.onload=function(){ var […]

Google Chart Redraw onclick

J'essaie de faire un graphique à partir duquel les données peuvent être sélectionnées à travers différents menus déroulants et un sélecteur de date. Je ne peux pas trouver un moyen de transmettre de nouvelles données dans le graphique sur un événement de clic. Je l'ai travaillé jusqu'à présent sur Click, il dessine un tout nouveau […]

Ng2-charts met à jour les étiquettes et les données

J'essaie de créer dynamiquement un graphique en utilisant ng2-chart, j'obtiens des informations à partir d'un service angular 2, quand je modifie uniquement les étiquettes du graphique, il fonctionne et lorsque je change les données, cela fonctionne, mais quand je change, les deux données sont mises à jour Dans le tableau. Avoir une explication pour ce […]