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
Got questions? Get answers!

Join the Splunk Community Slack to learn, troubleshoot, and make connections with fellow Splunk practitioners in real time!

Meet up IRL or virtually!

Join Splunk User Groups to connect and learn in-person by region or remotely by topic or industry.

Get Updates on the Splunk Community!

From Data to Insight: Announcing the Winners of the Splunk Dashboard Contest

Hi Splunkers, First off, thank you to everyone who participated in our very first From Data to Insight: The ...

Splunk Developers: Construct Your Future at the .conf26 Builder Bar

Calling all Splunk architects, platform admins, and app developers: the site is open, and the blueprints are ...

Quick connection discovery mode for forwarders

When a Splunk forwarder loses connectivity to its indexers, it does not always reconnect immediately. In many ...