[Visualizations] Fix bad color mapping with multiple split series (#8…

…0801) (#80829)

* [Vislib] Fix bad color mapping with multiple split series

* Add unit test to cover the new colors generation

src/plugins/charts/public/services/colors/color_palette.ts

@@ -58,7 +58,7 @@ export function createColorPalette(num: number): string[] {
   const seedLength = seedColors.length;
 
   _.times(num - seedLength, function (i) {
-    colors.push(hsl((fraction(i + seedLength + 1) * 360 + offset) % 360, 0.5, 0.5).hex());
+    colors.push(hsl((fraction(i + seedLength + 1) * 360 + offset) % 360, 50, 50).hex());
   });
 
   return colors;

src/plugins/charts/public/services/colors/colors_palette.test.ts

@@ -90,4 +90,8 @@ describe('Color Palette', () => {
   it('should create new darker colors when input is greater than 72', () => {
     expect(createColorPalette(num3)[72]).not.toEqual(seedColors[0]);
   });
+
+  it('should create new colors and convert them correctly', () => {
+    expect(createColorPalette(num3)[72]).toEqual('#404ABF');
+  });
 });