Путь SVG не отображается

Я пытаюсь отобразить SVG округов Алабамы, взятых из Википедии. По какой-то причине пути, разделяющие округа, не отображаются, только красная заливка для округа Аутога. Я использую следующий код для отображения SVG. Я уже пытался установить stroke="black" stroke-width="5px" fill="yellow" для отдельных элементов пути, чтобы увидеть, появятся ли они, но безуспешно. Любая идея, что мне нужно сделать, чтобы он отображался правильно?

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>SVG Test</title>
        <script src="../site/jquery-1.10.1.min.js"></script>
        <script src="../site/d3/d3.min.js"></script>
        <script>
            $(function(){
                d3.xml("alabama_wikipedia.svg", "image/svg+xml", function(xml){
                    $("body").append(xml.documentElement);
                });
            });
        </script>
    </head>
    <body>
    </body>
</html>

javascript svg d3.js choropleth
person Jesse Green    schedule 09.03.2015    source источник
comment
удалить свойство clip-path <g>   -  person Kaiido    schedule 09.03.2015
comment
@Kaiido, ты должен написать ответ с этим.   -  person Mark    schedule 09.03.2015
comment
это исправило. опубликуйте ответ, и я приму его   -  person Jesse Green    schedule 09.03.2015

Ответы (1)


arrow_upward
2
arrow_downward

Просто удалите атрибут clip-path элемента <g>.

person Kaiido    schedule 09.03.2015