# Which part in the code controls the chart's size when drag the visualization in the dashboard **URL:** \ **Category:** Kibana\ **Created:** [September 18, 2016, 10:22am UTC](https://discuss.elastic.co/t/which-part-in-the-code-controls-the-charts-size-when-drag-the-visualization-in-the-dashboard/60806 "2016-09-18T10:22:43Z")\ **Posts on this page:** 6\ **Page:** 1
**Author:** ![zhibo\_wang](https://avatars.discourse-cdn.com/v4/letter/z/8edcca/32.png) [@zhibo\_wang](https://discuss.elastic.co/u/zhibo_wang)\ **Post date:** [September 18, 2016, 10:22am UTC](https://discuss.elastic.co/t/which-part-in-the-code-controls-the-charts-size-when-drag-the-visualization-in-the-dashboard/60806/1 "2016-09-18T10:22:43Z")
Hello,I'm Bob,here is my question: dragging before: ![](https://us1.discourse-cdn.com/elastic/original/2X/4/43bd93072be9c281a7c70fd99b35835626993ea5.png) dragging after: ![](https://us1.discourse-cdn.com/elastic/original/2X/d/d9419c4c957e511ca027fedec76eba909615e9d4.png) kibana version:4.1.2 I want to know which folder or file is in charge of adjusting the chart‘s size when draged.Thank you for your help. ---
**Author:** ![jbudz](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/jbudz/32/45922_2.png) [@jbudz](https://discuss.elastic.co/u/jbudz)\ **Post date:** [September 19, 2016, 6:33pm UTC](https://discuss.elastic.co/t/which-part-in-the-code-controls-the-charts-size-when-drag-the-visualization-in-the-dashboard/60806/2 "2016-09-19T18:33:23Z")
The closest is probably [this one](https://github.com/elastic/kibana/blob/4.6/src/plugins/kibana/public/dashboard/directives/grid.js). Kibana uses gridster for handling dashboard visualizations. ---
**Author:** ![zhibo\_wang](https://avatars.discourse-cdn.com/v4/letter/z/8edcca/32.png) [@zhibo\_wang](https://discuss.elastic.co/u/zhibo_wang)\ **Post date:** [September 21, 2016, 9:06am UTC](https://discuss.elastic.co/t/which-part-in-the-code-controls-the-charts-size-when-drag-the-visualization-in-the-dashboard/60806/3 "2016-09-21T09:06:58Z")
Thank you Jon! My boss ask me to add new chart to kibana plugin , and I imitated bar chart according meitric\_vis. But the result is that new chart can't resize when I save the visualization and show it in dashboard.Just like the screenshot I show. ---
**Author:** ![jbudz](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/jbudz/32/45922_2.png) [@jbudz](https://discuss.elastic.co/u/jbudz)\ **Post date:** [September 21, 2016, 1:26pm UTC](https://discuss.elastic.co/t/which-part-in-the-code-controls-the-charts-size-when-drag-the-visualization-in-the-dashboard/60806/4 "2016-09-21T13:26:57Z")
Sorry I don't think I'm following. It can't resize in what way, are you expecting more data to show? Visualizations also have a resize checker [here](https://github.com/elastic/kibana/blob/4.1/src/kibana/components/vislib/lib/resize_checker.js). ---
**Author:** ![zhibo\_wang](https://avatars.discourse-cdn.com/v4/letter/z/8edcca/32.png) [@zhibo\_wang](https://discuss.elastic.co/u/zhibo_wang)\ **Post date:** [September 23, 2016, 8:43am UTC](https://discuss.elastic.co/t/which-part-in-the-code-controls-the-charts-size-when-drag-the-visualization-in-the-dashboard/60806/5 "2016-09-23T08:43:29Z")
Here is the problem I can't solve. First: I added bar chart imitate metric\_vis. ![](https://us1.discourse-cdn.com/elastic/original/2X/0/0f131c012ae171a93bc0995eccb827b7305cb08b.png) Second: I drag the window, but bar chart can't resize to match window's size. ![](https://us1.discourse-cdn.com/elastic/original/2X/2/2a846a776e5658fec02add6c876f656e07db8fb8.png) I'm a new one studying kibana. Can you help me how to change the code, or offer me referenced resource to add new visualization in kibana plugins . ---
**Author:** ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)\ **Post date:** [July 6, 2017, 1:38pm UTC](https://discuss.elastic.co/t/which-part-in-the-code-controls-the-charts-size-when-drag-the-visualization-in-the-dashboard/60806/6 "2017-07-06T13:38:18Z")