Différences

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

--- exalead:mashupbuilder [2022/01/28 14:56] – 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'
@@ Ligne 86: / Ligne 118: @@
    }
    return tooltip;
-  },valueDecimals: 0,
+  },
+  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 =====