How to skip first chart color?

GHSix commented on Jan 18, 2023

Hi. I have this two connected D3 charts but, the first chart have one value more and I want this value to be the first one for normalization purposes. Now, the rest of the values are the same but are now with different colors and I would like them to be the same.

So, is there a way to skip the first color (red) in the second chart in the automatic color scheme?

KoolReport commented on Jan 19, 2023

Yes you can, you do this to remove the first color in your chart:

use \koolreport\dashboard\ColorList;

class MyChart extends BarChart
{
    protected function onCreated()
    {
        $this->colorScheme(array_shift(ColorList::default()));
    }
}

The array_shift() methods will remove the first color in the default color list.

GHSix commented on Jan 23, 2023

To avoid Only variables should be passed by reference error, I had to

$cl = ColorList::default();
$this->colorScheme(array_shift($cl));

But then I got different colors, probably because I'm using AppStack theme, but I can't figure out how to make it right since it looks like the ColorList::default is, indeed, holding the colors the AppStack uses.

I goi it right by doing like this:

->colorScheme([
                '#6EE05A',
                '#BC5AE0',
                '#E0DE5A',
                '#5ABAE0',
            ])

But I got puzzled on the why ColorList::default didn't work as expected.

KoolReport's Forum

How to skip first chart color? #2952

Build Your Excellent Data Report