以下amchart有什麼問題？

我想在一個coldfusion文件中使用amchart繪製圖表，但想知道爲什麼瀏覽器中沒有顯示任何內容。以下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>

來源

2013-08-01 Tan

爲什麼這個標籤ColdFusion的？代碼中沒有任何ColdFusion相關。 –

我已經刪除了不正確的面向ColdFusion的標籤。譚，你得到任何Javascript錯誤？控制檯視圖中出現了什麼？ –

當我按原樣運行代碼時，在控制檯中看到一個JS錯誤，告訴我錯誤發生在哪一行。 –

您錯過了{在您的代碼中。

數據的第三塊應該像

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

來源

2013-08-01 19:57:17

這提出了你用什麼開發環境編碼的問題，Tan？因爲我只是將該代碼粘貼到ColdFusion Builder（即：不是JS編輯器）中，並且它突出顯示了錯誤的位置。這段代碼應該有：a）在你的IDE中敲響警鐘; b）在瀏覽器中引發錯誤。你不關注這種事情嗎？ –

謝謝Scott。我錯過了{在我的代碼中。 @Adam，我在coldfusion管理員中啓用了調試選項，並且我沒有在瀏覽器上看到任何missingg {相關錯誤。我現在通過審議離開{來檢查Web控制檯。我看到以下內容：' [13：49：24.015] SyntaxError：08不是合法的ECMA-262八進制常量@ http://dev.telespeech.com/akhare/Amchart/hwtowork.cfm:18 [13： 49：24.015] SyntaxError：missing] after element list @ http：//dev.telespeech.com/akhare/Amchart/hwtowork.cfm：24' – Tan

順便說一句，爲什麼我在X軸上看到的是年份而不是日期我提到了「日期」字段？我看到1975,1990,1988 – Tan

以下amchart有什麼問題？

回答

相關問題