Question

我想使用AmChart并通过JSON从MySQL获取图表数据。但它并不显示任何东西。

这是我的资料来源：

<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"}]

任何人都知道解决方案请帮忙。感谢。

Answer 1

尝试解析您的数据，

例如，

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

newData = JSON.parse（数据）;

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

由json的AmStockChart没有显示

1 个答案: