Javascript 如何格式化数据堆积海图？

我正在尝试实现如下格式的堆叠图表

获取这样的数据

var pastData  = [
  {
    "xlabel": "25-31/10",
    "amount": 580
  },
  {
    "xlabel": "01-07/11",
    "amount": 100
  }
]

var futureData = [
{
    "xlabel": "01-07/11",
    "amount": 120
  },
  {
    "xlabel": "08-14/11",
    "amount": 620
  },
  {
    "xlabel": "15-21/11",
    "amount": 100
  }
]

尝试为堆叠图表设置如下所示的dala格式

[["25-31/10", 580], ["01-07/11", 100], ["01-07/11", 0], ["08-14/11", 0], ["15-21/11", 0]], "pastformatdata"
[["25-31/10", 0], ["01-07/11", 0], ["01-07/11", 120], ["08-14/11", 620], ["15-21/11", 100]], "  this.futuredates"

在上面

-->红色色条表示过去一周的数据

-->青色色条表示未来一周的数据

-->红色+青色颜色条表示当前周数据

所以我像这样格式化数据

var pastData  = [
  {
    "xlabel": "25-31/10",
    "amount": 580
  },
  {
    "xlabel": "01-07/11",
    "amount": 100
  }
]

var futureData = [
{
    "xlabel": "01-07/11",
    "amount": 120
  },
  {
    "xlabel": "08-14/11",
    "amount": 620
  },
  {
    "xlabel": "15-21/11",
    "amount": 100
  }
]

var pastData=[
{
“xlabel”：“25-31/10”，
“金额”：580
},
{
“xlabel”：“01-07/11”，
“金额”：100
}
]
var未来数据=[
{
“xlabel”：“01-07/11”，
“金额”：120
},
{
“xlabel”：“08-14/11”，
“金额”：620
},
{
“xlabel”：“15-21/11”，
“金额”：100
}
]
var pastformatdata=[]；
var futureformatdata=[]；
var weeklyviewcatogies=[…过去数据，…未来数据]；
log（weeklyviewcatogies，“this.weeklyviewcatogies”）；
对于（变量i=0；ilog（futureformatdata，'this.futuredates'）

让我们从这个模板开始：这是您想要实现的输出吗？这个图表还需要做什么？如何在Angular中动态添加和删除图表您已经看过Highcharts Angular包装器文档了吗？我想你能找到答案。如果遇到任何问题，请在某个在线编辑器上重现您的尝试，并提出一个具体问题。我创建了另一个问题，，