1

私は D3 を学び始めていますが、これは強力なフレームワークのようです。シンプルなpython Webサーバーから次のhtmlを読み込もうとしています。.json ファイルが読み込まれていることはわかりますが、json が chrome ブラウザーのコンソール ログに出力されていることはわかりません。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>D3 Tests</title>
    <script type="text/javascript" src="resources/d3.v3/d3.v3.js"></script>
</head>
<body>
    <script type="text/javascript">
    var dataset;
    console.log("Before json");
    d3.json("pie-chart-data.json",function(error,data){
        if (error) return console.warn(error);
        dataset = data;
        console.log("Dataset is: "+dataset);
    });
    console.log("After json");
   </script>
</body>
</html>

そして、これが JSON ファイルです- pie-chart-data.json

[
{key: "One",y: 5},
{key: "Two",y: 2},
{key: "Three",y: 9},
{key: "Four",y: 7},
{key: "Five",y: 4},
{key: "Six",y: 3},
{key: "Seven",y: .5}
]

「Before json」と「After json」がコンソールに表示されますが、「Dataset is」ログは表示されません。どこが間違っているのですか - 助けてください。

ありがとう、K.

4

1 に答える 1