# Customizing Kibana visualizations

**URL:** <https://discuss.elastic.co/t/customizing-kibana-visualizations/220343>\
**Category:** Kibana\
**Created:** [February 21, 2020, 11:36am UTC](https://discuss.elastic.co/t/customizing-kibana-visualizations/220343 "2020-02-21T11:36:52Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Stephy\_Jacob](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/stephy_jacob/32/45032_2.png) [@Stephy\_Jacob](https://discuss.elastic.co/u/Stephy_Jacob)\
**Post date:** [February 21, 2020, 11:36am UTC](https://discuss.elastic.co/t/customizing-kibana-visualizations/220343/1 "2020-02-21T11:36:52Z")

</div>

Hi Team,  
I have created a Vertical bar chart visualization in Kibana 6.6. Now I wanted to do few things which is not possible directly in Kibana visualization like have d3 formatted label for y-axis so that I read 100,000,000 as 100M,80,000,000 as 80M . I have now truncated x-axis label to 6 to incorporate all the values horizontally. But the way i want it to be displayed is like eg: for C12 ARKANSAS OIL LLC it should be shownlike  
C12  
ARKANSAS  
OIL LLC

I understand we can edit the visState json under saved object in management. What I wanted to know is there any easy way of editing the object created in visStateby adding few configuration parameters for achieving the above use case. If this not possible please let me know hat is the best way of achieving it

PFB a snapshot of the current visualization created  
 ![Capture](https://us1.discourse-cdn.com/elastic/original/3X/c/5/c5b686c808f458ee9b34b1bbb76ff54423692a61.png)

---

<div class="post-metadata">

**Author:** ![Stephy\_Jacob](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/stephy_jacob/32/45032_2.png) [@Stephy\_Jacob](https://discuss.elastic.co/u/Stephy_Jacob)\
**Post date:** [February 24, 2020, 11:57am UTC](https://discuss.elastic.co/t/customizing-kibana-visualizations/220343/2 "2020-02-24T11:57:00Z")

</div>

Hi Team,  
Can you please confirm on this

---

<div class="post-metadata">

**Author:** ![Stephy\_Jacob](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/stephy_jacob/32/45032_2.png) [@Stephy\_Jacob](https://discuss.elastic.co/u/Stephy_Jacob)\
**Post date:** [February 25, 2020, 2:37pm UTC](https://discuss.elastic.co/t/customizing-kibana-visualizations/220343/3 "2020-02-25T14:37:00Z")

</div>

Any immediate help will be really helpful

---

<div class="post-metadata">

**Author:** ![joshdover](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/joshdover/32/42020_2.png) [@joshdover](https://discuss.elastic.co/u/joshdover)\
**Post date:** [February 25, 2020, 8:19pm UTC](https://discuss.elastic.co/t/customizing-kibana-visualizations/220343/4 "2020-02-25T20:19:16Z")

</div>

I believe this problem has been fixed in newer versions of Kibana (possibly need to use the new Lens visualizations).

To get this working in 6.6, I think your best options are either to build this in Canvas which has many more customization options for styling visualizations or to use a Vega visualization (though this is much more advanced)

---

<div class="post-metadata">

**Author:** ![Stephy\_Jacob](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/stephy_jacob/32/45032_2.png) [@Stephy\_Jacob](https://discuss.elastic.co/u/Stephy_Jacob)\
**Post date:** [February 27, 2020, 2:10pm UTC](https://discuss.elastic.co/t/customizing-kibana-visualizations/220343/5 "2020-02-27T14:10:35Z")

</div>

Thanks @joshdover

We have another requirement to have scroll wheel zoom enable in cordinate map visualization. Can you confirm how we can achieve it in Kibana 6.6 since by default cordinate map does not provide this functionality. Also can you let me know in which version of Kibana release this is fixed since i can see there was an issue closed for this

> <https://github.com/elastic/kibana/issues/7778#issue-166600860>
>
> We should enable scrolling with the mouse wheel, like every other map out there.
> Minor Downside: in a large dashboard, if you...

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)\
**Post date:** [March 26, 2020, 2:10pm UTC](https://discuss.elastic.co/t/customizing-kibana-visualizations/220343/6 "2020-03-26T14:10:39Z")

</div>

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.
