How to change the default colors of my bar chart

[Ashwini008]

Hi,

Below is the defualt color of my bar chart.The color is light so how do i change these default color.

The result of my query is not specific ,the result keeps on changing.

Also,Is there way through which i can give a space between the legend values (my right most defined values in the chart) as they are overlapped one on another?

Thank You

[ashvinpandey]

@Ashwini008 Use the below link for splunk answers, as this solution is already been posted :
https://community.splunk.com/t5/Dashboards-Visualizations/How-to-change-colour-of-graphs/td-p/349147 
https://community.splunk.com/t5/Dashboards-Visualizations/Can-you-change-the-colors-in-bar-graph-res... 

Also, If this reply helps you, an upvote would be appreciated.

[Ashwini008]

@ashvinpandey Thanks

I want the legend values to be like below with a space between them 

but i am getting it overlapped like below 

P.S for first image the data is pulled from DB and for second image data is fetched from index.But the query logic is same

[Ashwini008]

@ITWhisperer Can you please look into this

[ITWhisperer]

You could try some CSS to scale down the legend components

          div[id^="panelid"] g.highcharts-legend-item rect,
          div[id^="panelid"] g.highcharts-legend-item text {
            transform: scale(0.8);
          }