Question

我目前正在使用带有react的仪表板，其中将包含很多图表。

我正在使用图表库绘制图表，我想绘制一个多线形图表（日期在X轴上，计数在Y轴上）。

我想要每个国家1条线。

我的数据是从API中以字典格式获取的

{"CountryA":[{"placedOn":"2007-11","count":0},{"placedOn":"2007-12","count":0}],
{"CountryB":[{"placedOn":"2007-11","count":0},{"placedOn":"2007-12","count":0}],
{"CountryC":[{"placedOn":"2007-11","count":0},{"placedOn":"2007-12","count":0}],

此格式对应于c＃中的此语法

Dictionary<string, List<object>>

其中的对象包含日期和计数。

我可以像这样访问数据：this.data["country"]，这给了我一行的数据集。

我需要像这样格式化或传递多个数据集

  var data = [
    {date: '2011-01', countryA: 4000, countryB: 2400, countryC: 2400},
    {date: '2012-01', countryA: 3000,  countryB: 2210},
    {date: '2013-01', countryA: 2000, countryB: 2900, countryC: 2290},
    {date: '2014-01', countryA: 2000, countryB: 9800, countryC: 2290}
  ];

希望您会有一些想法来转换数据或将多个数据集与图表一起使用。我没有锁定图表库，如果您认为更容易共享某些内容。

谢谢

用图表创建多线图，数据格式有问题[REACT]

0 个答案: