เส้นทาง SVG ไม่แสดง

ฉันกำลังพยายามแสดง SVG ของเทศมณฑลของอลาบามาที่นำมาจาก Wikipedia. ด้วยเหตุผลบางอย่างไม่แสดงเส้นทางที่แยกออกจากมณฑล มีเพียงสีแดงสำหรับเขต Autauga ฉันใช้รหัสต่อไปนี้เพื่อแสดง 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>element ออก

person Kaiido    schedule 09.03.2015