反应FusionCharts动态Json

时间:2019-01-26 18:20:36

标签: reactjs fusioncharts

我正在使用FusionCharts,并且试图将Json变量传递给图表。

 var q = {
   "data": understandingPercentageJson
  };

  var y = {
   "category": daysJson
  };

  chartConfigs2 = {
  type: 'msline',
  renderAt: 'chart-container',
  width: '700',
  height: '400',
  dataFormat: 'json',
  dataSource: {
    "chart": {
      "theme": "fusion",
      "caption": "understanding",
      "subCaption": "This is a sub-caption",
      "xAxisName": "days"
    },
    "categories": [{
      y
    }], 
    "dataset": [{
        "seriesname":"Understanding of topic",
        q
      },
      {
        "seriesname": "Los Angeles Topanga",
        "data": [{
            "value": "20"
          }
        ]
      }
    ]
  }
  };

'daysJson'在json中。 console.log显示[{“ label”:“ 25-01-2019”}] 使用console.log的“ understandingPercentageJson”显示[{“ value”:40}]

我如何获得“ understandingPercentageJson”:

    var understandingPercentage = [];
    var keyValuePair = {
       "value": 40.toString()
      };
   understandingPercentage.push(keyValuePair);
   var understandingPercentageJson = 
   JSON.stringify(understandingPercentage);

问题是当我使用这些变量时,图表给出了“对主题的理解,未定义”。当我使用相同的值进行硬编码(从控制台复制值并粘贴)时,它可以完美地工作。我很困惑为什么使用变量时会给我未定义的消息

更新的问题

1 个答案:

答案 0 :(得分:0)

如果它可以帮助我设法解决此问题的任何人。您不需要Json.stringify。您需要将数组谅解百分比(percentage)放入chartconfig