Пробелы вокруг штриховых графиков ⇐ Python

[Anonymous]

Я создаю тире-приложение с 3 графиками и 1 таблицей на дисплее.

На экране 2 строки, в 1-й строке 2 графика, во 2-й строке 1 график и 1 таблица данных, каждая из которых занимает 50 Ширина экрана в %.

Это один из моих графиков:


это макет графика -

Код: Выделить всё

html.Div([
dcc.Graph(id='category-bar-graph', responsive=True, className='graph')
], className='graph-div left-graph top-graph')

CSS-

Код: Выделить всё

.graph-div{
width: 50%;
display: inline-block;
border-radius: 5px;
box-shadow :  rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px ;
margin:1.5%;
}

.left-graph{
margin-right:0.75%
}

.top-graph{
margin-bottom:0.75%
}

Как вы можете видеть, вокруг диаграммы слишком много свободного пространства, из-за чего диаграмма не покрывает даже 50 % всего пространства, которое у нее есть.
/>Я пытался поиграть с высотой и шириной, но это влияет на всю часть, а не только на гистограмму.
Я также пытался найти, есть ли где-нибудь ненужные поля или отступы, но это тоже не тот случай.< /p>
Есть ли как я могу увеличить гистограмму на рисунке и удалить лишние пробелы?

Подробнее здесь: https://stackoverflow.com/questions/793 ... tly-graphs