Javascript 什么'；下面的图表怎么了？_Javascript_Amcharts

Javascript 什么'；下面的图表怎么了？

javascript

Javascript 什么'；下面的图表怎么了？,javascript,amcharts,Javascript,Amcharts,我试图在coldfusion文件中使用amchart绘制图形，但不知道为什么浏览器中没有显示任何内容 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta

我试图在coldfusion文件中使用amchart绘制图形，但不知道为什么浏览器中没有显示任何内容

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Cfchart</title>
<script src="http://www.amcharts.com/lib/amcharts.js" type="text/javascript"></script>
<!--- August 01 --->
<script type="text/javascript">
var chart;

var chartData = [{
    date: 2013-07-31,
    FIRSTCONN: 3,
    SECONDCONN: 4
    },

{
    date: 2013-08-15,
    FIRSTCONN: 5,
    SECONDCONN: 10
    },


    date: 2013-08-17,
    FIRSTCONN: 6,
    SECONDCONN: 8
    }

    ];


    AmCharts.ready(function() {
    // SERIAL CHART
    chart = new AmCharts.AmSerialChart();
    chart.dataProvider = chartData;
    chart.marginRight = 0;
    chart.autoMarginOffset = 5;
    chart.categoryField = "date";
    chart.startDuration = 0.5;
    chart.balloon.color = "#000000";


    // AXES
    // category
    var categoryAxis = chart.categoryAxis;
    categoryAxis.fillAlpha = 1;
    categoryAxis.fillColor = "#FAFAFA";
    categoryAxis.gridAlpha = 0;
    categoryAxis.axisAlpha = 0;
    categoryAxis.gridPosition = "start";
    categoryAxis.position = "top";


     // value
    var valueAxis = new AmCharts.ValueAxis();
    valueAxis.title = "Number of Connections";
    valueAxis.dashLength = 5;
    valueAxis.axisAlpha = 0;
    valueAxis.minimum = 1;
    valueAxis.maximum = 6;
    valueAxis.integersOnly = true;
    valueAxis.gridCount = 10;
    valueAxis.reversed = true; // this line makes the value axis reversed
    chart.addValueAxis(valueAxis);



// GRAPHS
    // FIRST Connection graph                                            
    var graph = new AmCharts.AmGraph();
    graph.title = "FIRST";
    graph.valueField = "FIRSTCONN";
    graph.hidden = true; // this line makes the graph initially hidden           
    graph.balloonText = "Number of FIRST connections [[category]]: [[value]]";
    graph.lineAlpha = 1;
    graph.bullet = "round";
    chart.addGraph(graph);



    // GRAPHS
    // SECOND Connection graph                                            
    var graph = new AmCharts.AmGraph();
    graph.title = "SECOND";
    graph.valueField = "SECONDCONN";
    graph.hidden = true; // this line makes the graph initially hidden           
    graph.balloonText = "Number of SECOND connections [[category]]: [[value]]";
    graph.lineAlpha = 1;
    graph.bullet = "round";
    chart.addGraph(graph);


     // LEGEND
    var legend = new AmCharts.AmLegend();
    legend.markerType = "circle";
    chart.addLegend(legend);


     // WRITE
    chart.write("chartdiv");



    });


</script>

</head>

<body>


<div id="chartdiv" style="width: 100%; height: 362px;"></div>

</body>


</html>


Cfchart
var图；
var图表数据=[{
日期：2013-07-31，
第一康涅狄格州：3，
第二控制室：4
},
{
日期：2013-08-15，
第一康涅狄格州：5，
第二控制室：10
},
日期：2013年8月17日，
第一康涅狄格州：6，
第二控制室：8
}
];
AmCharts.ready（函数（）{
//序列图
chart=新的AmCharts.AmSerialChart（）；
chart.dataProvider=chartData；
chart.marginRight=0；
chart.autoMarginOffset=5；
chart.categoryField=“日期”；
chart.startDuration=0.5；
chart.balloon.color=“#000000”；
//斧头
//类别
var categoryAxis=chart.categoryAxis；
categoryAxis.fillAlpha=1；
categoryAxis.fillColor=“#FAFAFA”；
categoryAxis.gridAlpha=0；
categoryAxis.axisAlpha=0；
categoryAxis.gridPosition=“开始”；
categoryAxis.position=“顶部”；
//价值观
var valueAxis=新的AmCharts.valueAxis（）；
valueAxis.title=“连接数”；
valueAxis.dashLength=5；
valueAxis.axisAlpha=0；
valueAxis.minimum=1；
valueAxis.max=6；
valueAxis.integersOnly=真；
valueAxis.gridCount=10；
valueAxis.reversed=true；//此行使值轴反转
图表.添加valueAxis（valueAxis）；
//图表
//第一连通图
var-graph=新的AmCharts.AmGraph（）；
graph.title=“第一”；
graph.valueField=“FIRSTCONN”；
graph.hidden=true；//此行使图形最初隐藏
graph.balloottext=“第一次连接的数量[[category]]：[[value]]”；
graph.lineAlpha=1；
graph.bullet=“圆形”；
图表。添加图表（图形）；
//图表
//第二连通图
var-graph=新的AmCharts.AmGraph（）；
graph.title=“第二”；
graph.valueField=“SECONDCONN”；
graph.hidden=true；//此行使图形最初隐藏
graph.balloottext=“第二次连接的数量[[category]]：[[value]]”；
graph.lineAlpha=1；
graph.bullet=“圆形”；
图表。添加图表（图形）；
//传奇
var legend=new AmCharts.AmLegend（）；
legend.markerType=“圆圈”；
图表。添加图例（图例）；
//写
chart.write（“chartdiv”）；
});

您的代码中缺少一个{

第三块数据应该如下所示

{
date: 2013-08-17,
FIRSTCONN: 6,
SECONDCONN: 8
}

为什么这是为ColdFusion标记的？代码中没有任何与ColdFusion相关的内容。我已经删除了ColdFusion-oriented标记，这些标记不正确。Tan，你有没有收到任何Javascript错误？控制台视图中出现了什么？当我按原样运行代码时，我在控制台中看到一个JS错误，它显示了错误所在的行。这引发了问题Tan，您使用什么开发环境编写代码？因为我刚刚将代码粘贴到ColdFusion Builder中（即：不是JS编辑器），它突出显示了错误的位置。这段代码应该有a）在IDE中发出警报；b）在浏览器中引发错误。你没有注意到这类事情吗？谢谢Scott。我的代码中缺少了{。@Adam，我在coldfusion管理员中启用了调试选项，但我没有看到任何遗漏{我的浏览器出现相关错误。我现在检查了Web控制台，考虑离开{。我看到了以下内容：`[13:49:24.015]SyntaxError:08不是合法的ECMA-262八进制常量@[13:49:24.015]SyntaxError:missing]after元素列表``顺便问一下，为什么我在x轴上看到的是年份，而不是我提到的“日期”字段？我看到的是197519901988Tan，那里没有ColdFusion代码……都是HTML和JS。所以CF调试完全不相关。ColdFusion在这里完全不相关。您的代码使用的IDE是什么？如果您正在编写JS（并且您对它不太熟悉，不会注意到基本的语法错误），你应该使用合适的工具来完成这项工作。像这样的情况绝对不应该被问到堆栈溢出：你在发布之前没有做自己的最低“尽职调查”。@Tan-当你使用JavaScript时，你应该使用Firebug（如果使用Firefox）或Chrome开发者工具（使用Chrome）。使用Chrome Developer工具，只要我复制/粘贴/保存/运行您的代码，我就能够在中发现问题。如果可以，您似乎对web开发非常陌生。您可能希望花一些时间熟悉一些技术，而不是试图通过StackOverflow学习。