03.05.2024, 11:36
(03.05.2024, 08:31)admin Wrote: A work-around trick is to use SVG with the same classes as the chart to display a color box next to the legend text:
Code:var legendContainer = $('<div class="legend"></div>'); // Création du conteneur de légende var code = ('a').charCodeAt(0) data.labels.forEach(function(label, index) { var letter = String.fromCharCode(index + code) var svg = '<svg width="16" height="16" class="ct-series-' + letter + '"><rect width="16" height="16" class="ct-slice-pie" /></svg>' legendContainer.append('<div>' + svg + ' ' + label +' </div>'); // Ajout de chaque élément de légende avec la couleur associée }); el.append(legendContainer); // Ajout du conteneur de légende au graphique
Thanks ADMIN you are a magician