Я использую React-Google-Chart для визуализации данных, которые есть в моем компоненте.Однако сама диаграмма не увеличивается визуально, а как элемент.
Позвольте мне объяснить:
<div className="container">
<Chart
chartType="Table"
width="100%"
height="400%"
data={this.mapArray()}
options={this.state.options}
/>
</div>
Состояние моей опции:
options : {
title: "Company Performance",
curveType: "function",
legend: { position: "bottom" },
pageSize: 50
},
В настоящее времяУ меня ширина как 100%
.Теперь, если я установлю ширину 1000%
, фактическая визуальная ширина не станет больше.Однако, если я проверил элементы CSS, это показало, что div
занимает в 10 раз больше пробелов, чем раньше.Однако это не то, что я хотел.Я пытался играть с CSS по умолчанию, предоставленным Google, но он не становится больше.По-видимому, это максимальный размер, который он может получить, но он все же действительно меньше по сравнению с фоном
Что я хотел сделать: я хочу увеличить диаграмму визуально.И сам график и поле.
Любая помощь может быть оценена.