topic Re: Changing data label font size in Dashboards & Visualizations

Changing data label font size

jhurtado — Fri, 27 Dec 2019 23:39:00 GMT

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>"

Re: Changing data label font size

vnravikumar — Sat, 28 Dec 2019 04:27:09 GMT

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>

Re: Changing data label font size

nordinethales — Tue, 25 May 2021 16:02:20 GMT

Hello,

Thanks a lot!

It worked for me with Pie Chart label

Regards