# How to Rotate X Tick Label in Canvas/CSS?

**URL:** <https://discuss.elastic.co/t/how-to-rotate-x-tick-label-in-canvas-css/197179>\
**Category:** Kibana\
**Tags:** canvas\
**Created:** [August 28, 2019, 5:38pm UTC](https://discuss.elastic.co/t/how-to-rotate-x-tick-label-in-canvas-css/197179 "2019-08-28T17:38:43Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![wylie](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/wylie/32/81794_2.png) [@wylie](https://discuss.elastic.co/u/wylie)\
**Post date:** [August 28, 2019, 8:03pm UTC](https://discuss.elastic.co/t/how-to-rotate-x-tick-label-in-canvas-css/197179/2 "2019-08-28T20:03:22Z")

</div>

I was able to get _close_ to what you are requesting. You may be able to use this as a starting point:

```css
.flot-x-axis div {
    white-space: nowrap;
    transform: rotate(-90deg);
    text-indent: -100%;
    transform-origin: top center;
    text-align: right !important;
    top: 280px !important;
}

```

---

_[View the full topic](https://discuss.elastic.co/t/how-to-rotate-x-tick-label-in-canvas-css/197179)._