I have a line chart panel in my dashboard that's comparing two series of datapoints, and I have "charting.legend.mode" set to "seriesCompare" to see the values next to the appropriate series name in the legend. Trouble is, the font color used for those values is very light and difficult to see.
Can an adjustment be made to change the font color of those compare values? I've circled the value in the screen capture below:
Give your panel an id and then add this CSS in a style block of a hidden HTML panel
<panel depends="$stayhidden$">
<html>
<style>
#linechart svg g.highcharts-legend-item text tspan:nth-child(2) {
fill: red !important;
}
</style>
</html>
</panel>
<panel id="linechart">
<chart>
Give your panel an id and then add this CSS in a style block of a hidden HTML panel
<panel depends="$stayhidden$">
<html>
<style>
#linechart svg g.highcharts-legend-item text tspan:nth-child(2) {
fill: red !important;
}
</style>
</html>
</panel>
<panel id="linechart">
<chart>
Works like a charm...thank you!