Как сделать контейнер svg 100% реактивной диаграммы d3 - PullRequest
Новая
       26

Как сделать контейнер svg 100% реактивной диаграммы d3

0 голосов
/ 22 мая 2019

Реактивный компонент: 

<Fullscreen
enabled={this.state.isFull}
onChange={isFull => this.setState({isFull})}
>
<div className="graph-area">
<Graph
id="graph-id" // id is mandatory, if no id is defined rd3g will throw an error
data={this.state.data}
config={this.myConfig}

/>
</div>
</Fullscreen>

css 

.fullscreen-enabled .graph-area  {
    background: #fff;
    height:100%;
    width: 100%;
    position: absolute;
}

Найден в консоли проверки для этого графика d3 

    <div class="fullscreen" style="">
        <div class="graph-area">
            <div id="graph-id-graph-wrapper">
                <svg name="svg-container-graph-id" style="height: 400px; width: 800px;">
                <svg>
            </div>
        </div>
    </div>

Здесь я пытаюсь изменить высота и ширина графика в 100 % с и высотой, и абсолютная позиция Is принимает значение по умолчанию svg, равное style = "height: 400px; ширина: 800px;" проверьте html-файл, которым я поделился.

есть ли способ сделать его 100 % от этого svg из css

Пожалуйста, посмотрите

...