文章/答案/技术大牛

发布

社区首页 >问答首页 >尝试使用JChartFX和JQUERY实现图表

问尝试使用JChartFX和JQUERY实现图表
EN

Stack Overflow用户

提问于 2013-09-18 00:32:48

回答 1查看 2.4K关注 0票数 0

当我使用下面的代码时，屏幕上什么也没有显示。不确定我是否遗漏了什么或者使用了错误的JQUERY版本。我使用的是最新版本的JChartFX，我正在尝试将3d图表

<!DOCTYPE HTML>

<html lang="en-US"> <!--<![endif]-->
<head>
<title>Graph Example </title>

<style type="text/css">
#targetchart 
{    
width: 500px;    
height: 375px;    
padding: 4px;    
border: 1px solid #dddddd;    
background: #eeeeee
}

#targetchart h3 {    
text-align: center;    
margin: 0;  
}
</style>

<link href="jquery-ui-1.8.21.custom.css" rel="stylesheet" type="text/css" media="screen" />
<link href="css/confirm.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="js/jchartfx.advanced.js"></script>
<script type="text/javascript" src="js/jchartfx.system.js"></script>
<script type="text/javascript" src="js/jchartfx.coreVector.js"></script>
<script type="text/javascript" src="js/jchartfx.coreVector3d.js"></script>


<script type="text/javascript">
var chart1;$(document).ready(function ($) {         
    var items = [
                    { "Sales": 2200, "Month": "Jan" },                        
        { "Sales": 1500, "Month": "Feb" },                        
        { "Sales": 2100, "Month": "Mar" },                        
        { "Sales": 2600, "Month": "Apr" },                        
        { "Sales": 3200, "Month": "May" },                        
        { "Sales": 3600, "Month": "Jun" },
            ];
            $("div", "ChartDiv1").chart({                        
        gallery: cfx.Gallery.Bar,                        
        view3D: {                                
            enabled: true,                                
            rotated: true,                                
            angleX: 30,                                
            angleY: -20,                                
            boxThickness: 10,                                
            depth: 160,                                
            shadow: cfx.Shadow.fixed                        
        },                        
        dataValues:items,                        
        titles: [{                                        

text: "Configuring 3D     Charts"                                
            }]                
    });
});
 </script>
</head>

<body>

<div id="ChartDiv1" style="width:500px;height:375px;display:inline-block"></div>

</body>

</html>

jchartfx

javascript

jquery

html

回答 1

Stack Overflow用户

发布于 2013-10-22 16:15:16

我也试过这个，但它不起作用。似乎jchartfx不能在更高版本的jQuery版本上工作。1.9.1。

取而代之的是(在示例中)：

<script type="text/javascript" src="http://www.jchartfx.com/libs/jQuery/jquery-1.7.1.js"></script>  
<script type="text/javascript" src="http://www.jchartfx.com/libs/jQuery/jquery-ui-1.8.18.custom.min.js"></script>

来源：http://community.jchartfx.com/forums/p/113/281.aspx

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/18855165

复制

相似问题

问尝试使用JChartFX和JQUERY实现图表
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问尝试使用JChartFX和JQUERY实现图表EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问尝试使用JChartFX和JQUERY实现图表
EN