2015-04-05 30 views
1

我想使用AmChart並通過JSON從MySQL獲取圖表的數據。 但它顯示不是東西。json的AmStockChart沒有顯示

這是我的js源:從數據功能

<script type="text/javascript"> 
var chart2; 
     $(document).ready(function(){ 
      $.getJSON("data", function (data) { 
       chart2.dataProvider = data; 
       chart2.dataDateFormat = "YYYY-DD-MM"; 
       chart2.validateData(); 
      }); 

     }); 
var chart2 = AmCharts.makeChart("chartdiv2", { 
    type: "stock", 
    theme: "none", 
    pathToImages: "http://www.amcharts.com/lib/3/images/", 


    dataSets: [{ 
      title: "Participants", 
      fieldMappings: [{ 
       fromField: "student", 
       toField: "student" 
      }], 
      categoryField: "date" 
     } 
    ], 
    dataDateFormat: "YYYY-MM-DD", 
    panels: [{ 
     showCategoryAxis: false, 
     title: "Student", 
     percentHeight: 70, 

    stockGraphs: [{ 
     id: "g1", 
     valueField: "student", 
     comparable: true, 
     compareField: "student", 
     balloonText: "[[title]]:<b>[[student]]</b>", 
     compareGraphBalloonText: "[[title]]:<b>[[student]]</b>" 
    }], 

    stockLegend: { 
     periodValueTextComparing: "[[percents.student.close]]%", 
     periodValueTextRegular: "[[value.close]]" 
    } 
}], 

    chartScrollbarSettings: { 
     graph: "g1" 
}, 

chartCursorSettings: { 
    valueBalloonsEnabled: true, 
    fullWidth: true, 
    cursorAlpha: 0.1, 
    valueLineBalloonEnabled: true, 
    valueLineEnabled: true, 
    valueLineAlpha: 0.5 
}, 

periodSelector: { 
    position: "left", 
    periods: [{ 
     period: "MM", 
     selected: true, 
     count: 1, 
     label: "1 month" 
    }, { 
     period: "YYYY", 
     count: 1, 
     label: "1 year" 
    }, { 
     period: "YTD", 
     label: "YTD" 
    }, { 
     period: "MAX", 
     label: "MAX" 
    }] 
}, 

    dataSetSelector: { 
     position: "left" 
    } 
}); 
</script> 

JSON文件輸出

[{"date":"2011-01-10","student":"100"},{"date":"2012-02-11","student":"122"}] 

任何人都知道的解決方案,請幫助。謝謝。

+0

你有任何理由使用股票圖不正常嗎?正常的圖表對於你的數據格式就足夠了。 – gerric 2015-04-08 10:55:26

回答

0

嘗試分析數據,

對於例如,

$.getJSON("data", function (data) { 

newData = JSON.parse(數據);

   chart2.dataProvider = newData; 
       chart2.dataDateFormat = "YYYY-DD-MM"; 
       chart2.validateData(); 
      });