Outils pour utilisateurs

Outils du site


exalead:mashupbuilder

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentesRévision précédente
Prochaine révision
Révision précédente
exalead:mashupbuilder [2021/02/11 20:32] – ↷ Page déplacée de mashupbuilder à exalead:mashupbuilder nicoantoexalead:mashupbuilder [2022/04/06 09:48] (Version actuelle) – nicoanto
Ligne 30: Ligne 30:
  
 {{ ::mashupbuilder_advanced.png?400 |}} {{ ::mashupbuilder_advanced.png?400 |}}
 +
 +==== Pie Chart - Ajout des légendes/valeurs dans le camembert ====
 +A modifier dans la section 'Javascript', dans la partie 'plotOptions/series' du Json
 +
 +<code>
 +   dataLabels: {
 +       enabled: true
 +    , format: '{point.name}<br/>{point.y}'
 +       , distance: -25
 +   },
 +</code>
 +
 +{{:exalead:exalead_mashupbuilder_chart_pie_legend-valeur.png?400|}}
 +
 +==== Rendre les colonnes visibles même avec valeur à 0 ====
 +{{ :exalead:exalead_mashupbuilder_column_minpointlength.png?400 |}}
 +<code>
 +plotOptions: {
 +    column: {
 +        dataLabels: {
 +            enabled: true,
 +        },
 +        minPointLength: 2
 +    },
 +...
 +</code>
 +
 +==== Afficher la légende pour toutes les abscisses ====
 +A modifier dans la section 'Javascript', dans la partie 'xAxis' du Json
 +
 +<code>
 +  tickInterval: 1,
 +</code>
 +
 +==== Afficher valeur de Catagéory + valeur en haut des colonnes  ====
 +
 +{{ :exalead:exalead_mashupbuilder_column_categoryandvalueontop.png?600 |}}
 +
 +<code>
 +plotOptions: {
 +    column: {
 +        dataLabels: {
 +            enabled: true,
 +            formatter: function () {
 +                return this.series.name.substring(0, 3).toUpperCase() + " : " + this.y;
 +            }
 +        }
 +    },
 +
 +</code>
 +
 +
 +==== Afficher un tooltip avec toutes les valeurs ====
 +
 +=== Sur spline ===
 +A modifier dans la section 'Javascript', dans la partie 'tooltip'
 +
 +OOTB
 +<code>
 +tooltip: {
 +  backgroundColor: '#222',
 +  borderWidth: 0,
 +  style: {
 +   color: '#fff'
 +  },
 +  useHTML: true,
 +  headerFormat: '<div style="display: inline-block; margin-right: 4px;margin-bottom: 2px;width:6px;height:6px;border-radius:3px;background-color:{series.color};"></div><b>{series.name}</b><br />{point.key}',
 +  pointFormat: ':{point.y}<br />',
 +  footerFormat:'',
 +  valueDecimals: 0
 +},
 +</code>
 +
 +Configured
 +<code>
 +tooltip: {
 +  backgroundColor: '#222',
 +  borderWidth: 0,
 +  style: {
 +   color: '#fff'
 +  },
 +  useHTML: true,
 +  formatter: function(){
 +   var tooltip = '<b>#'+this.x.substring(4,6)+' '+this.x.substring(0,4)+'</b><br />';
 +   for(var i=0 ; i<this.points.length ; i++){
 +    tooltip += '<div style="display: inline-block; margin-right: 4px;margin-bottom: 2px;width:6px;height:6px;border-radius:3px;background-color:'+this.points[i].color+';"></div>'+this.points[i].series.name+': '+this.points[i].y+'<br />';
 +   }
 +   return tooltip;
 +  },
 +  valueDecimals: 0,
 +  shared: true
 +},
 +</code>
 +{{:exalead:exalead_mashupbuilder_line_legendonthesametooltpi.png?400|}}
 +
 +=== Sur column ===
 +A modifier dans la section 'Javascript', dans la partie 'tooltip'
 +
 +OOTB
 +<code>
 +tooltip: {
 +  backgroundColor: '#222',
 +  borderWidth: 0,
 +  style: {
 +   color: '#fff'
 +  },
 +  useHTML: true,
 +  headerFormat: '<div style="display: inline-block; margin-right: 4px;margin-bottom: 2px;width:6px;height:6px;border-radius:3px;background-color:{series.color};"></div><b>{series.name}</b><br />{point.key}',
 +  pointFormat: ':{point.y}<br />',
 +  footerFormat:'',
 +  valueDecimals: 0
 +},
 +</code>
 +
 +Configured
 +<code>
 +tooltip: {
 +  backgroundColor: '#222',
 +  borderWidth: 0,
 +  style: {
 +   color: '#fff'
 +  },
 +  useHTML: true,
 +  headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
 +  pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
 +      '<td style="padding:0"><b>{point.y}</b></td></tr>',
 +  footerFormat: '</table>',
 +  shared: true,
 +  valueDecimals: 0,
 +  shared: true
 +},
 +</code>
 +{{:exalead:exalead_mashupbuilder_column_legendonthesametooltip.png?400|}}
  
 ===== Search Page ===== ===== Search Page =====
Ligne 41: Ligne 174:
  
 Remarque, on peut faire la même chose avec le widget 'Hit Details' Remarque, on peut faire la même chose avec le widget 'Hit Details'
 +
 +Autre méthode
 +  * Dans le widget 'Multi-Selection', déselectionner 'Trigger Event on selection change'
  
 ===== PLMA Data Table ===== ===== PLMA Data Table =====
Ligne 63: Ligne 199:
  
 The 'hit-hpc.jsp' page is included in the customer UI plugin. The 'hit-hpc.jsp' page is included in the customer UI plugin.
 +
 +===== Feed =====
 +
 +Les paramètres des feeds sont disponibles dans la doc Exalead avec l'url suivante :
 +  * http://XXX:Port + 1/admin/docs/html/index.html#page/tech_ref%2Fedm-config-r-search-api-parameters_2.html
 +==== Ajout d'un tri de facette explicit ====
 +
 +Au niveau du feed, dans la section "Facets/Add facet", il faut les infos suivantes :
 +  * 'nom de facet'#sort#explicit
 +  * 'nom de facet'#explicit_sort_order_values#'les valeurs possibles triés séparées par des virgules'
 +
 +{{:exalead:exalead_mashbuilder_feed_triexplicite.png?600|}}
exalead/mashupbuilder.1613075560.txt.gz · Dernière modification : (modification externe)

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki