Solved: Re: Can the font color of the values reflected in ...

beetlegeuse · ‎11-14-2022

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:

ITWhisperer · ‎11-15-2022

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>

View solution in original post

ITWhisperer · ‎11-15-2022

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>

beetlegeuse · ‎11-15-2022

Works like a charm...thank you!

Can the font color of the values reflected in a "seriesCompare" line chart be changed?

dashboard

panel

timechart

Observability | Use Synthetic Monitoring for Website Metadata Verification

More Ways To Control Your Costs With Archived Metrics | Register for Tech Talk

.conf24 | Personalize your .conf experience with Learning Paths!