0

私は基本的なxChartの仕事を得ることができました。ただし、必要なグラフではなく、黒い画面が返されます。d3.js やすべての xChart の JS などのすべての要件を含めました。以下の私のコードと出力：

<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>

        <figure style="width: 400px; height: 300px" id="myChart"></figure>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
        <script src="js/d3.js"></script>
        <script src="js/xcharts.css"></script>
        <script src="js/xcharts.js"></script>
        <script type="text/javascript">
            var data = {
                "xScale": "ordinal",
                "yScale": "linear",
                "type": "bar",
                "main": [
                    {
                        "className": ".pizza",
                        "data": [
                            {
                                "x": "Pepperoni",
                                "y": 12
                            },
                            {
                                "x": "Cheese",
                                "y": 8
                            }
                        ]
                    }
                ],
                "comp": [
                    {
                        "className": ".pizza",
                        "type": "line-dotted",
                        "data": [
                            {
                                "x": "Pepperoni",
                                "y": 10
                            },
                            {
                                "x": "Cheese",
                                "y": 4
                            }
                        ]
                    }
                ]
            }
            var myChart = new xChart('bar', data, '#myChart');
        </script>
        <?php
        // put your code here
        ?>
    </body>
</html>

ここに画像の説明を入力

誰でもこれについて何か考えがありますか?それを修正する方法はありますか?

4

1 に答える 1

-2

CSS ライブラリを参照するのを忘れただけだと思います。何かのようなもの：

<link href="xcharts.css" rel="stylesheet">

ファイルを隠した場所を指すとうまくいくかもしれません。

于 2015-01-04T13:57:55.343 に答える