Tags:
create new tag
, view all tags

Documentation technique du dataplot

Utilisation de postal

Initialisation

Le widget utilise postal xframe et postal federation pour recevoir et envoyer des messages postal. Voici comment initialiser postal pour communiquer avec le dataplot.

Les scripts à inclure sont :

    <!-- Postal -->
    <script type="text/javascript" src="js/libs/browser-polyfill.min.js">
    </script>
    <script type="text/javascript" src="js/libs/lodash-3.10.1.custom.min.js">
    </script>
    <script type="text/javascript" src="js/libs/postal-2.0.4.min.js"></script>
    <script type="text/javascript" src="js/libs/postal.federation-0.5.3.min.js">
    </script>
    <script type="text/javascript" src="js/libs/postal.xframe-0.5.0.min.js">
    </script>

Le code javascript d'initialisation :

function initPostalFederation(postal) {
  postal.instanceId('<your unique name here>');
  // An empty allowedOrigins makes no restrictions on the site where
  // the dataplot code is coming from.
  postal.fedx.transports.xframe.configure({
    allowedOrigins: []
  });
  postal.fedx.addFilter([
    { channel: 'dataplot', topic: '#', direction: 'both' }
  ]);
  postal.fedx.signalReady();
}

Attention, il ne faut pas envoyer de messages trop vite, parce que l'initialisation du dataplot est asynchrone, et les messages envoyés avant que le dataplot ne soit initialisé sont perdus.

Messages échangés

Channel Topic Direction Data Description
dataplot table.highlight.row Réception / Émission { serieIndex: serieIndex, rowid: rowid } En réception, affiche le popup du point identifié. Si on clique sur un point, l'identifiant de ce point est émis.
dataplot catalog.load Réception { url: url, colour: colour, name: name } L'url est celle d'une VOTable dont le contenu est ajouté comme nouvelle courbe. La couleur et le nom de la courbe sont utlisées.

Architecture de la page HTML

Voici une image, photo d'un tableau blanc, montrant comment la page HTML est découpée. dataplot-archi-html-la-bonne.jpg

-- PascalWassong - 2017-02-23

Topic attachments
I Attachment Action Size Date Who Comment
JPEGjpg dataplot-archi-html-la-bonne.jpg manage 367.4 K 2017-03-08 - 16:36 UnknownUser Dataplot architecture of the html (DOM)
Topic revision: r2 - 2017-03-08 - PascalWassong
 
This site is powered by the TWiki collaboration platform Powered by PerlCopyright © 2008-2024 by the contributing authors. All material on this collaboration platform is the property of the contributing authors.
Ideas, requests, problems regarding TWiki? Send feedback