- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
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
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
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;}
- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
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;}
