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
Career Survey
First 500 qualified respondents will receive a $20 gift card! Tell us about your professional Splunk journey.

Can’t make it to .conf25? Join us online!

Get Updates on the Splunk Community!

Community Content Calendar, September edition

Welcome to another insightful post from our Community Content Calendar! We're thrilled to continue bringing ...

Splunkbase Unveils New App Listing Management Public Preview

Splunkbase Unveils New App Listing Management Public PreviewWe're thrilled to announce the public preview of ...

Leveraging Automated Threat Analysis Across the Splunk Ecosystem

Are you leveraging automation to its fullest potential in your threat detection strategy?Our upcoming Security ...