Highcharts Highchart，将两张图表与流星采集的不同数据组合在一起

我试图比较捐赠和支付，并希望将两个Highchart合并为一个，但他们有不同的数据，从我的流星收集不同的查询结果

下面是示例查询实例中的结果数据

Donation:
 Label ['May', 'Jun', 'Jul', 'Aug']
 Value [106.4, 129.2, 144.0]

Disbursement:
 Label ['Jun', 'Jul', 'Aug', 'Sep', 'Oct']
 Value [ 148.5, 216.4, 194.1, 95.6, 54.4]

这是jfiddle链接

---

我确实在Highchart中尝试了正常的两个数据集，但只有当两个查询具有相同的标签值时才起作用，如果没有，则开始错误显示

使用一个连接的类别如何，并为每个点使用该类别的适当索引？像这样：

---

正如您所说：两个图表组合在一起。

您必须在查询后处理数据

我将通过查找最高/最低类别，并执行循环来填充中间的所有值来实现这一点。 在循环的每个过程中，为类别构建一个数组，为数据系列构建两个单独的数组，包括x和y值

---

具体如何操作将取决于您如何获取数据以及您在什么环境中工作。

那么我如何将两个结果类别合并为一个？只需合并数组，不重复。问题将在于正确的顺序。你不能假设你的分类总是以一月开始，以十二月结束吗？然后找到适当的点的索引。我正在考虑创建一个具有零值的虚拟数据来填充我的集合，这样它将始终具有相同的类别=）而不是0使用“null”-它将占用图表上的空间，但不会在0值上显示任何条/线/标记。您可以使用javascript显示基于上面的数组数据吗？

$('#container1').highcharts({
    xAxis: {
        categories: ['May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct'] // result from  query
    },

    legend: {
        enabled: false
    },

    series: [{
        id: 'someId',
        data: [ [0, 106.4], [1, 129.2], [2, 144.0]] // result from  query
    }, {
        id: 'someId2',
        data: [ [1, 148.5], [2, 216.4], [3, 194.1], [4, 95.6], [5, 54.4]] // result from  query
    }]
});