после создания гистограммы внутри SVG с использованием D3 она не подходит для всего SVG - PullRequest
Новая
       108

после создания гистограммы внутри SVG с использованием D3 она не подходит для всего SVG

1 голос
/ 05 августа 2020

я рисую в теге svg и внутри добавляю несколько, которые соответствуют спецификациям c (x, y) из данных (с использованием d3. js lib), что svg находится на слайдере (что нормально, когда я проверяю svg элемент, он подходит), но проблема в том, что элемент не подходит, хотя при осмотре я вижу ширину и высоту: 100%. пруф

введите описание изображения здесь

мой код для этого: 

private createSvg(): void {
    if (this.svg) {
        return;
    }
    this.svg = d3.select("figure#histogram")
        .classed("svg-container", true)
        .append("svg")
        .attr("width", '100%')
        .attr("height", '100%')
        .attr("preserveAspectRatio", "xMinYMin meet")
        .attr("viewBox", "0 0 600 400")
        .classed("svg-content-responsive", true)
        .append("g")
        .attr("width", '100%')
        .attr("height", '100%')
}

Любая помощь, пожалуйста?

1 Ответ

0 голосов
/ 06 августа 2020
Решение

: вы должны поиграть с этой строкой, чтобы настроить свой график: 

attr("viewBox", "0 0 600 400")

А также будьте осторожны с диапазоном, который вы даете для xAxis, он должен содержать соответствующее значение!

...