Archive

Changing data label font size

Engager

I want to make the numbers that appear within the bars of the dashboard bar chart bigger.
We have a screen that displays the bar chart but the numbers are too small to be seen unless you get closer, is there a way to make them appear bigger? I'm referring to the y-axis numbers that appear inside of the bars.

I was trying to access the source code and see if I could figure it out but so far all I know is that you can make them appear or not,

 "<option name="charting.chart.showDataLabels">all</option>"

Champion

Hi @jhurtado

Check this

<dashboard>
  <label>barchart</label>
  <row depends="$hide$">
    <panel>
      <html>
        <style>
          #rk g[transform] text {
            font-size:20px !important;
          }
        </style>
      </html>
    </panel>
  </row>
  <row>
    <panel>
      <chart id="rk">
        <search>
          <query>index=_internal |stats count by sourcetype</query>
          <earliest>-24h@h</earliest>
          <latest>now</latest>
        </search>
        <option name="charting.chart">bar</option>
        <option name="charting.drilldown">none</option>
        <option name="charting.chart.showDataLabels">all</option>
      </chart>
    </panel>
  </row>
</dashboard>
0 Karma