Différences

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

--- exalead:mashupbuilder [2022/01/28 14:54] – nicoanto
+++ exalead:mashupbuilder [2022/04/06 09:48] (Version actuelle) – nicoanto
@@ Ligne 43: / Ligne 43: @@
 {{: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 ====
@@ Ligne 50: / Ligne 63: @@
   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 =====