时间戳

首页 > 解决方案 > React FusionCharts 动态 Json

reactjs - React FusionCharts 动态 Json

问题描述

我正在使用 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"}] 和 'understandingPercentageJson' 使用 console.log 显示 [{"value":40}]

我如何得到'understandingPercentageJson'：

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

问题是当我使用这些变量时，图表给了我“对主题的理解，未定义”。当我使用硬编码的相同值（从控制台复制粘贴值）时，它可以完美运行。我很困惑为什么在使用变量时它会给我一个未定义的消息

更新的问题

标签： reactjsfusioncharts

解决方案

如果它帮助任何人，我设法解决了这个问题。你不需要 Json.stringify。数组理解百分比是您需要放入图表配置的内容

推荐阅读