Dashboards & Visualizations

Chart colours

DonBaldini
Path Finder

We are setting colours of charts from our company standards but this seems to have broken since friday, we think it may be browser or html updates rather than splunk

Example code we use is

/* CHART COLOURS FOR LEGEND */

.highcharts-legend .highcharts-series-0 .highcharts-point{
fill:#28a197;
}
.highcharts-legend .highcharts-series-1 .highcharts-point{
fill:#f47738;
}
.highcharts-legend .highcharts-series-2 .highcharts-point{
fill:#6f72af;
}

/*BAR CHART FILL AREA */

.highcharts-series-0 .highcharts-tracker-area {
fill:#28a197;
stroke:#28a197;}
.highcharts-series-1 .highcharts-tracker-area {
fill:#f47738;
stroke: #f47738;}
.highcharts-series-2 .highcharts-tracker-area {
fill:#6f72af;
stroke: #6f72af;}

/* PIE CHART COLOURS */

.highcharts-color-0 {
fill: #28a197 ;
}
.highcharts-color-1 {
fill: #f47738;
}
.highcharts-color-2 {
fill: #6f72af;
}


Bar charts broke first and we found if we replaced .highcharts-tracker-area with .highcharts-point then it fixed the bars but then allowed pie charts to be only one colour

Labels (2)
0 Karma
1 Solution

DonBaldini
Path Finder

Fixed with 

.highcharts-series.highcharts-series-0.highcharts-column-series.highcharts-tracker rect {
fill:#28a197;
stroke:#28a197;}
.highcharts-series.highcharts-series-1.highcharts-column-series.highcharts-tracker rect {
fill:#f47738;
stroke: #f47738;}

.highcharts-series.highcharts-series-2.highcharts-column-series.highcharts-tracker rect {
fill:#6f72af;
stroke: #6f72af;}

View solution in original post

0 Karma

DonBaldini
Path Finder

Fixed with 

.highcharts-series.highcharts-series-0.highcharts-column-series.highcharts-tracker rect {
fill:#28a197;
stroke:#28a197;}
.highcharts-series.highcharts-series-1.highcharts-column-series.highcharts-tracker rect {
fill:#f47738;
stroke: #f47738;}

.highcharts-series.highcharts-series-2.highcharts-column-series.highcharts-tracker rect {
fill:#6f72af;
stroke: #6f72af;}

0 Karma
Get Updates on the Splunk Community!

🌟 From Audit Chaos to Clarity: Welcoming Audit Trail v2

🗣 You Spoke, We Listened Audit Trail v2 wasn’t written in isolation—it was shaped by your voices. In ...

Splunk Enterprise Security 8.x: The Essential Upgrade for Threat Detection, ...

 Prepare to elevate your security operations with the powerful upgrade to Splunk Enterprise Security 8.x! This ...

Get Early Access to AI Playbook Authoring: Apply for the Alpha Private Preview ...

Passionate about security automation? Apply now to our AI Playbook Authoring Alpha private preview ...