Javascript 我想通过使用datatable插件作为Jquery中的数据来创建一个Piechart_Javascript

Javascript 我想通过使用datatable插件作为Jquery中的数据来创建一个Piechart

javascript

Javascript 我想通过使用datatable插件作为Jquery中的数据来创建一个Piechart,javascript,Javascript,我想通过使用datatable插件作为jquery中的数据，在要显示的网页上创建一个piechart。下面是Piechart的代码，其中的数据是作为json数据手动输入的 <script src="js/highcharts.j`enter code here`s" type="text/javascript"></script> <script src="js/jquery-1.7.1.js" type="text/javascript"></

我想通过使用datatable插件作为jquery中的数据，在要显示的网页上创建一个piechart。下面是Piechart的代码，其中的数据是作为json数据手动输入的

  <script src="js/highcharts.j`enter code here`s" type="text/javascript"></script> 
<script src="js/jquery-1.7.1.js" type="text/javascript"></script>
    <script type="text/javascript">

        var chart;
        $(document).ready(function() {
            chart = new Highcharts.Chart({
                chart: {
                    renderTo: 'browser_cart',
                    plotBackgroundColor: null,
                    plotBorderWidth: null,
                    plotShadow: false
                },
                title: {
                    text: 'Browser market shares at a specific website, 2010'
                },
                tooltip: {
                    formatter: function() {
                        return '<b>'+ this.point.name +'</b>: '+ this.percentage +' %';
                    }
                },
                plotOptions: {
                    pie: {
                        allowPointSelect: true,
                        cursor: 'pointer',
                        dataLabels: {
                            enabled: true,
                            color: '#000000',
                            connectorColor: '#000000',
                            formatter: function() {
                                return '<b>'+ this.point.name +'</b>: '+ this.percentage +' clicks';
                            }
                        }
                    }
                },
                series: [{
                    type: 'pie',
                    name: 'Browser share',
                    data: [
                        ['Firefox',   45],
                        ['IE',       26],
                        ['Chrome',   12], 
                        ['Safari',    8],
                        ['Opera',     6],
                        ['Others',   7]
                    ]
                }]
            });
        });

    </script>

</head>
<body>


    <!-- 3. Add the container -->
    <div id="browser_cart" style="width: 800px; height: 400px; margin: 0 auto"></div>


</body>


var图；
$（文档）.ready（函数（）{
图表=新的高点图表。图表({
图表：{
renderTo:'浏览器\购物车'，
plotBackgroundColor:null，
plotBorderWidth:null，
plotShadow:false
},
标题：{
正文：“2010年特定网站的浏览器市场份额”
},
工具提示：{
格式化程序：函数（）{
返回“+this.point.name+”：“+this.percentage+”%”；
}
},
打印选项：{
馅饼：{
allowPointSelect:true，
光标：“指针”，
数据标签：{
启用：对，
颜色：'#000000'，
连接器颜色：'#000000'，
格式化程序：函数（）{
返回“+this.point.name+”：“+this.percentage+”点击次数”；
}
}
}
},
系列：[{
键入“pie”，
名称：“浏览器共享”，
数据：[
['Firefox'，45]，
[IE'，26]，
[Chrome'，12]，
[Safari'，8]，
[Opera'，6]，
[“其他”，7]
]
}]
});
});

我收到一个错误消息-->“Highcharts未定义。合并不是一个函数。”

您有一个输入错误：

<script src="js/highcharts.j`enter code here`s" type="text/javascript"></script>

应该是：

<script src="js/highcharts.js" type="text/javascript"></script>

我觉得在这里输入代码根本不是必需的。。。只要查一下地址就行了

o抱歉，highcharts.js是正确的，但当我复制它时，它可能是正确的。你确定

js

文件夹中有

highcharts.js

文件吗？其中一个错误代码已解决，但另一个错误-Merge不是函数未解决。你使用的是highcharts的哪个版本？可能尝试下载新的2.2.1 vesionyes，但是在编辑代码时，我输入了错误的代码。

 <script src="js/highcharts.j`enter code here`s" type="text/javascript"></script>