JavaScript—xCharts的基本实现_Javascript_Php_Xcharts

JavaScript—xCharts的基本实现

javascript php

JavaScript—xCharts的基本实现,javascript,php,xcharts,Javascript,Php,Xcharts,我刚刚了解了xCharts，并试图从官方页面的文档中了解它。我已经将下面的代码应用于基本显示，以便稍后使用此图表，但图表根本没有显示在图中。有什么想法吗？谢谢我的代码： <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <figure style=

我刚刚了解了xCharts，并试图从官方页面的文档中了解它。我已经将下面的代码应用于基本显示，以便稍后使用此图表，但图表根本没有显示在图中。有什么想法吗？谢谢

我的代码：

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

        <figure style="width: 300px; 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">
            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',datai,'#myChart');
        </script>
        <?php
        // put your code here
        ?>
    </body> </html>


风险值数据={
“xScale”：“序号”，
“yScale”：“线性”，
“类型”：“条”，
“主要”：[
{
“类名”：“.pizza”，
“数据”：[
{
“x”：“意大利香肠”，
“y”：12
},
{
“x”：“奶酪”，
“y”：8
}
]
}
],
“公司”：[
{
“类名”：“.pizza”，
“类型”：“虚线”，
“数据”：[
{
“x”：“意大利香肠”，
“y”：10
},
{
“x”：“奶酪”，
“y”：4
}
]
}
]
};
var myChart=new xChart（'bar'，datai'，#myChart'）；

       var myChart = new xChart('bar',datai,'#myChart');

上面的变量名是“data”，而不是下面使用的“datai”

       var myChart = new xChart('bar',datai,'#myChart');