Suivez vos opérations et vos résultats
Sur cette page, nous allons nous intéresser à l'historique opérationnelle (arbitrages) d'un portefeuille, ainsi qu'aux résultats réalisés lors des éventuelles cessions opérées. Nous ferons comme sur les autres pages, à savoir la séparation entre la phase de collecte des données et celle qui de restitution des dites données dans des tableaux ou autres widgets filtrants.
On commencera par une phase préliminaire identique aux autres expériences. Vous pouvez remplacer cette saisie en clef par une saisie avec une liste déroulante.
Nous avons choisi de restituer l'activité d'un portefeuille via un tableau (ci-dessous) et 5 graphiques dont l'objet est de montrer les périodes d'arbitrage sur une échelle temps, quelles classes d'actif et quelle sociétés de gestion ont été retenu dans la stratégie. L'autre fonction de ces graphiques est de servir de filtres interactifs de manière à concenter l'information affichée sur une partie de cette activité. Cliquez sur un segment ou une barre et vous mettrez à jour les autres graphique ainsi que le tableau détaillé.
Les camemberts permettent quand à eux de se focaliser sur les achats ou les ventes, les deals gagnants ou perdant au regard des prix actuels de marché.
Indiquez le portefeuille OU laissez cette zone vide pour afficher l'activité de tous les portefeuilles modèles que vous gérez et suivez. Le nom du portefeuille apparaitra dans le tableau.
Ce tableau reflète l'activité du portefeuille et son contenu est filtré en fonction des éléments sélectionnés sur les widgets précédent. Son contenu est personnalisable en terme de données, de format, de liens de redirection et de tri.
| Date | Status | Model | ETF | Emetteur | Prix | Poids | PnL | Contribution |
|---|
Dans cette expérience, nous vous proposons d'enregistrer une nouvelle opération sur un instrument financier Indiquez la date, l'instrument concerné ainsi que le poids cible de ce dernier dans le portefeuille choisi après validation.
Pour cette expérience, nous allons prendre une version locale des scripts de restitution afin de mieux personnaliser le contenu et l'ordre de la table
<!-- Latest version of d3 librairies --> <script src="https://lili.am/Scripts/d3/d3.js" type="text/javascript"></script> <!-- Latest version of crossfilter librairies --> <script src="https://lili.am/Scripts/Crossfilter/crossfilter.js" type="text/javascript"></script> <!-- Latest version of dc librairies --> <script src="https://lili.am/Scripts/dc/2.1.7/dc.js" type="text/javascript"></script>
Pour personnaliser notre tableau comparatif, nous avons simplement fait une copie du script proposé par défaut (instrument-charts), script que nous avons enregistré sur notre serveur pour édition. Nous avons ici retiré quelques colonnes et redirigé certains liens.
<!-- IMPORTANT Local version of widgets activity charts --> <script src="/Scripts/activity-charts-1.2.js" type="text/javascript"></script>
Chaque élément pour widget a une propriété data-chart permettant de définir le type de widget qui sera déployé au sein de l'élément.
<div id="pnl-counter" class="activity-chart number" data-chart="number" data-number="pnl"></div> <div id="rating-pie" class="portfolio-chart pie-chart" data-chart="pie" data-dimension="rating"> ... </div>