center align the x axis labels in timechart

matansocher · ‎05-25-2017

Hi

Is it possible to center align the x axis labels in timechart, instead of them being in the left side of the bar

Thanks

niketn · ‎01-04-2019

@matansocher @jacobp84 try to play around with the following CSS Selector where timechart chart's id is my_time_chart
i.e. <chart id="my_time_chart">

  <row depends="$alwaysHideCSSPanel$">
    <panel>
      <html>
        <style>
          #my_time_chart svg g.highcharts-axis-labels.highcharts-xaxis-labels text{
            transform: translateX(20px) !important;
          }
        </style>
      </html>
    </panel>
  </row>

Please try out and confirm.

____________________________________________
| makeresults | eval message= "Happy Splunking!!!"

jacobp84 · ‎01-07-2019

Thanks niketnilay! This worked for me (with some tinkering).

niketn · ‎01-07-2019

@jacobp84 I am glad you got it to work. Thanks for reviving this old unanswered post as sometimes we can't dedicate full attention to all questions asked and loose track while following up the threads. Hope @matansocher got it to test so that the question can be marked as answered 🙂

____________________________________________
| makeresults | eval message= "Happy Splunking!!!"

jacobp84 · ‎01-03-2019

Responses seem to have stopped after matansocher posted a screenshot. Is there a solution to this issue?

niketn · ‎05-25-2017

@matansocher... What do you imply by alignment of x axis label? Can you mock attach screenshot for expected or issue with the alignment of current x-axis label?

If you want axis label rotation you can do the same from UI or Simple XML

  <option name="charting.axisLabelsX.majorLabelStyle.rotation">-90</option>

____________________________________________
| makeresults | eval message= "Happy Splunking!!!"

matansocher · ‎05-25-2017

My meaning is that when I do timechart, the names of the months are at the left side of each bar. I need them to be in the center.

adonio · ‎05-25-2017

use the legend tab and pick your preference viz

niketn · ‎05-25-2017

If this is for aligning Legends, you can use following Simple XML code...

<option name="charting.legend.placement">bottom</option>

If not you might have to attach a screenshot of what you have at present.

____________________________________________
| makeresults | eval message= "Happy Splunking!!!"

matansocher · ‎05-26-2017

this is a picture.
February (the arrow) is written on the left and I want it on the center.
https://ibb.co/kR5iXa

jhuysing · ‎07-04-2024

So is there any fix for this. So that you can align the label to the middle, or nudge it over a bit so that left edge of the label, aligns with the first bar of the day instead of way over on the left

center align the x axis labels in timechart

Splunk App for Anomaly Detection End of Life Announcment

Aligning Observability Costs with Business Value: Practical Strategies

Mastering Data Pipelines: Unlocking Value with Splunk

Are you a member of the Splunk Community?

center align the x axis labels in timechart

Splunk App for Anomaly Detection End of Life Announcment

Aligning Observability Costs with Business Value: Practical Strategies

Mastering Data Pipelines: Unlocking Value with Splunk