首页 > 解决方案 > 如何在反应中为图表中的一个标签设置几列?

问题描述

我有这个来自服务器的 JSON 数据,我想制作一个条形图来对其做出反应,但是因为数组的每个索引只有一个日期,是否有任何图表库支持这个或任何其他解决方案?

results: [{
      date: '1399/1/1',
      remove: {
        done: [6, 6, 1, 6],
        declined: [2, 7, 1, 6]

      },
      add: {
        done: [5, 6, 1, 6],
        declined: [2, 7, 1, 6]

      }
    }, {
      date: '1399/2/1',
      remove: {
        done: [2, 7, 1, 6, 8, 1],
        declined: [2, 7, 1, 6]

      },
      add: {
        done: [5, 9, 1, 6],
        declined: [2, 7, 1, 6, 6]

      }
    }
    ]

另外,我想根据是否完成或拒绝为每个栏提供自定义颜色。

标签: reactjschartsreact-chartjs

解决方案


推荐阅读