7
votes

Tableau Pie Cliquez sur Numéro - Cliquez sur Non détecté

Entrez la description de l'image ici J'ai essayé de créer un graphique pour afficher des événements dans différentes régions du monde. . Donc, je suis essentiellement allé pour une combinaison de deux graphiques 1) D3 Google Graph ( http: //bl.ocks. Org / mbostock / 899711 ) Pour afficher les régions via la carte et JQuery Flot Pie Tableaux ( http://people.iola.dk/olau/flot/examples/pie.html ) pour mapper les événements. Ive stocké toutes les valeurs de longitude de LattiCude correspondantes dans un tableau et des marqueurs sur la carte sont ajoutées sur la base de ces valeurs. Donc, fondamentalement, je vais créer un xhtml: div sur les marqueurs correspondants à l'aide de et une fois que ces divs sont créés, je vais ajouter les tableaux de tarte pour chaque correspondant à l'élément div. Donc, la création de graphique est réussie, fonctionne "PlotClick" pour le graphique à tarte, pour attraper le clic sur les cartes à tarte. Cette fonction de clic ne se détecte pas sur tous les tableaux de tarte. Dans la plupart des graphiques à tarte, en cliquant sur des tranches, appelle la fonction de clic correspondant. C'est la même chose pour en vol stationnaire.

Le problème est uniquement dans Firefox et IM en utilisant la dernière version de Firefox qui est 22.0. Le graphique fonctionne bien en chrome ..

ive a ajouté une capture d'écran du graphique. Est-ce un problème connu ou est-ce que c'est quelque chose avec la méthode avec laquelle le graphique est créé? xxx


7 commentaires

Quelle version de flot utilisez-vous? Vous avez lié à l'ancien exemple de page sur iola.dk; Avez-vous essayé la nouvelle version de www.flotcharts.org? Belle visualisation, au fait!


Merci @dns !! J'utilise le dernier flot-0.8.1 que j'ai eu du flotwebsite lui-même ..


À quoi ressemble votre code?


Il est difficile de répondre à cela sans voir un exemple minimal de la façon dont il ne fonctionne pas actuellement ....


@geocodezip J'ai ajouté un exemple de code pour afficher le fonctionnement ..


@Ryley a ajouté le code en question .. ajoutera un exemple de travail de la lettre wen je reçois à mon PC


Je ne peux pas trouver une réponse appropriée, mais je suppose que c'est que c'est un bug de navigateur obscur lié à l'utilisation de SVG Fore FusionObject. Je ne vois rien dans le flot lui-même qui causerait cela.


3 Réponses :


1
votes

Je n'aime pas beaucoup de parcelle. Dans mon développement avaient une incompatibilité à plusieurs reprises entre le navigateur, la meilleure option que j'ai trouvée était d'utiliser une autre bibliothèque, j'utilise jplot La compatibilité avec plusieurs navigateurs est meilleure, soit 6.

Dans le forum Oficial, il y a des questions sans réponse dans ce sujet


0 commentaires

1
votes

Je peux penser à deux raisons d'un événement de clic à ne pas être enregistré par le navigateur.

1 - L'événement n'a pas lié correctement

2 - La cible de clic est sous une couche invisible empêchant le clic d'être entendu par le navigateur. Certains navigateurs pardonnent cela, Firefox semble être, de différentes manières, plutôt strictes.

Vous pouvez utiliser la vue FF 3D dans les outils de développement Web pour voir si un calque est rendu sur vos cartes à tarte. Vous pouvez essayer de changer l'index z-index des tableaux de tarte pour alléger cela.


0 commentaires

1
votes

Je ne comprends honnêtement pas pourquoi vous utiliseriez deux bibliothèques graphiques différentes? D3 fonctionne avec des éléments SVG et FLOT fonctionne avec un élément de toile. Il est beaucoup plus facile d'utiliser D3 pour l'interactivité car D3 attache des éléments SVG au DOM. Vous pouvez ensuite lier tous vos événements directement à ces éléments (voir https: // github. com / mbostock / d3 / wiki / sélections # wiki-sur ).

Aussi, ici est un exemple de fabrication d'un tableau à secteurs avec D3.


0 commentaires