Javascript 使用融合图的甘特图。图表中没有';不要被渲染为<;部门>;元素已创建,图表类型不支持作为文本
我想使用fusion图表创建甘特图。如果创建了元素,图表类型不支持为文本,则不会呈现图表。使用fusion图表调试器,我得到一个错误,p.init不是fusioncharts.js中的函数 这是甘特图的代码Javascript 使用融合图的甘特图。图表中没有';不要被渲染为<;部门>;元素已创建,图表类型不支持作为文本,javascript,fusioncharts,gantt-chart,Javascript,Fusioncharts,Gantt Chart,我想使用fusion图表创建甘特图。如果创建了元素,图表类型不支持为文本,则不会呈现图表。使用fusion图表调试器,我得到一个错误,p.init不是fusioncharts.js中的函数 这是甘特图的代码 enter code here <html xmlns="http://www.w3.org/1999/html"> <head> <title>Weekly Project Status Reports</title> <
enter code here
<html xmlns="http://www.w3.org/1999/html">
<head>
<title>Weekly Project Status Reports</title>
<script type="text/javascript" src="fusioncharts/fusioncharts.js"></script>
<script type="text/javascript" src="fusioncharts/fusioncharts.gantt.js"></script>
<script type="text/javascript" src="fusioncharts/fusioncharts.widgets.js"></script>
<script type="text/javascript" src="fusioncharts/themes/fusioncharts.theme.fint.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
<script type="text/javascript">
FusionCharts['debugger'].outputTo(function (id, sender,
eventName, eventArgs) {
console.log(id + ': '+eventName + ' from ' + sender+','+eventArgs);
});
FusionCharts['debugger'].outputFormat('verbose');
FusionCharts['debugger'].enable(true);
</script>
<script type="text/javascript">
FusionCharts.ready(function(){
var weeklyStatusChart = new FusionCharts({
"type": "gantt",
"renderAt": "chartContainer",
"width": "1000",
"height": "500",
"dataFormat": "json",
"dataSource": {
"chart": {
"dateformat": "mm/dd/yyyy",
"caption": "Project Gantt",
"subcaption": "From 1st Feb 2007 - 31st Aug 2007"
},
"categories": [
{
"category": [
{
"start": "02/01/2007",
"end": "03/01/2007",
"label": "Feb"
},
{
"start": "03/01/2007",
"end": "04/01/2007",
"label": "Mar"
}
]
}
],
"processes": {
"fontsize": "12",
"isbold": "1",
"align": "right",
"process": [
{
"label": "Identify Customers"
},
{
"label": "Survey 50 Customers"
}
]
},
"tasks": {
"task": [
{
"start": "02/04/2007",
"end": "02/10/2007"
},
{
"start": "02/08/2007",
"end": "02/19/2007"
}
]
}
}
})
weeklyStatusChart.render();
});
</script>
</head>
<body>
<div id="chartContainer">--- Weekly Project Status</div>
</body>
</html>
在此处输入代码
每周项目状态报告
FusionCharts['debugger'].输出(函数(id,发送器,
eventName,eventArgs){
log(id+':“+eventName+”来自“+sender+”,“+eventArgs”);
});
FusionCharts['debugger'].outputFormat('verbose');
FusionCharts['debugger'].enable(true);
FusionCharts.ready(函数(){
var weeklyStatusChart=新FusionCharts({
“类型”:“甘特图”,
“renderAt”:“chartContainer”,
“宽度”:“1000”,
“高度”:“500”,
“数据格式”:“json”,
“数据源”:{
“图表”:{
“日期格式”:“mm/dd/yyyy”,
“标题”:“甘特图项目”,
“子选项”:“自2007年2月1日至2007年8月31日”
},
“类别”:[
{
“类别”:[
{
“开始”:“02/01/2007”,
“完”:“03/01/2007”,
“标签”:“二月”
},
{
“开始”:“03/01/2007”,
“完”:“04/01/2007”,
“标签”:“Mar”
}
]
}
],
“过程”:{
“字体大小”:“12”,
“isbold”:“1”,
“对齐”:“右”,
“过程”:[
{
“标签”:“识别客户”
},
{
“标签”:“调查50名客户”
}
]
},
“任务”:{
“任务”:[
{
“开始”:“2007年4月2日”,
“完”:“2007年10月2日”
},
{
“开始”:“2007年8月2日”,
“完”:“2007年2月19日”
}
]
}
}
})
weeklyStatusChart.render();
});
---每周项目状态
不需要显式加载“fusioncharts.gantt.js”,它将由“fusioncharts.widgets.js”自动加载
如果需要显式加载,请尝试加载“fusioncharts.widgets.js”,然后加载“fusioncharts.gantt.js”通过删除code.jquery.com/jquery-2.1.0.min.js“>