javascript - 无法根据函数填充 amChart

Question

有一段时间，我试图根据我制作的 javascript 函数填充 amChart。我想要的是将许多不改变的图表属性设置为变量，我可以在许多制作或填充图表的函数中使用它。我的代码是:

var chartProperties = {
    "theme": "light",
    "type": "serial",
    "startDuration": 1,
    "dataProvider": [],
    "rotate": false,
    "categoryField": "organisatie",
      "valueAxes": [ {
        "gridColor": "#FFFFF",
        "minimum": 0,
        "gridAlpha": 0.2,
        "dashLength": 0
      } ],
      "gridAboveGraphs": true,
      "startDuration": 1,
      "graphs": [ {
        "balloonText": "[[category]]: <b>[[value]]</b>",
        "fillColorsField": "fillcolor", //Dit veld heb ik meegegeven vanuit SQL functie en bevat de HEX kleurcodes BD
        "fillAlphas": 0.8,
        "lineAlpha": 0.2,
        "type": "column",
        "valueField": "score"
      } ],
      "chartCursor": {
        "categoryBalloonEnabled": false,
        "cursorAlpha": 0,
        "zoomable": false
      },
      "categoryAxis": {
        "gridPosition": "start",
        "gridAlpha": 0,
        "tickPosition": "start",
        "tickLength": 20
      },
      "export": {
        "enabled": true
      }

};

var chart = AmCharts.makeChart("chartaveragescore", chartProperties);
var organization = $("#organization").val();
var indicator = $("#indicators").val();
var funcid = "fill_chart_average_score";

var dataChart = $.getJSON('functions/getfunctions.php', {
    "organization":organization,
    "indicator":indicator,
    "funcid":funcid});

function updateOrganizationAverageScore() {

    chart.dataProvider =  dataChart;
    chart.validateData();

}

我不明白我做错了什么。我可以将 $.getJSON 设置为变量吗？非常感谢任何帮助。

Answer 1

我自己已经解决了。我在 Stack 上查看，发现我无法直接使用 $.getJSON 设置 var = ，然后在稍后使用它，因为我错过了回调。

我现在有效的代码是:

function updateOrganizationAverageScore() {

    var organization = $("#organization").val();
    var indicator = $("#indicators").val();
    var funcid = "fill_chart_average_score";

    //console.log('changed'); 
    $.getJSON('functions/getfunctions.php', {
        "organization":organization,
        "indicator":indicator,
        "funcid":funcid},

    function(dataChart) {

            var chart = AmCharts.makeChart("chartaveragescore", chartProperties);
            chart.dataProvider = dataChart;
            chart.validateData();
            chart.startDuration = 1;
    });
}