Jalur SVG tidak ditampilkan

Saya mencoba menampilkan SVG wilayah alabama yang diambil dari Wikipedia. Untuk beberapa alasan, jalur yang memisahkan kabupaten tidak terlihat, hanya garis merah untuk kabupaten Autauga. Saya menggunakan kode berikut untuk menampilkan SVG. Saya sudah mencoba menyetel stroke="black" stroke-width="5px" fill="yellow" pada elemen jalur individual untuk melihat apakah elemen tersebut akan muncul tetapi tidak berhasil. Adakah yang tahu apa yang perlu saya lakukan agar ditampilkan dengan benar?

<!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 sumber
comment
hapus properti clip-path dari <g>   -  person Kaiido    schedule 09.03.2015
comment
@Kaiido, Anda harus menulis jawaban dengan itu.   -  person Mark    schedule 09.03.2015
comment
itu memperbaikinya. kirimkan jawaban dan saya akan menerimanya   -  person Jesse Green    schedule 09.03.2015

Jawaban (1)


arrow_upward
2
arrow_downward

Cukup hapus atribut clip-path dari <g>element

person Kaiido    schedule 09.03.2015