Jquery highcharts柱形图，带有2个系列和动态标签

我有一个网页，上面有几个下拉列表，用户在其中选择他们想要的，然后单击“显示图表”，图表将根据他们选择的内容加载

我正在构建一个forecast vs actual报告，所以我想要一个包含2个系列的柱状图，并且标签应该是动态的，基于从数据库返回的内容。我希望图表看起来像下面的图表，但不是0、5、10等等……它应该是从查询返回的产品，goan和actual是两个独立的系列

---

有人能举个例子吗。我使用的是json/jquery。

highcharts提供了某些方法，您可以动态更改图表

其中一个方法是Update（）。这可以与axis和series一起使用

chart.xAxis[0].update({
    categories: [new set of categories],
    linecolor: "new line color",
});

这样，您不仅可以更改类别，还可以动态更改xAxis属性

chart.series[0].update({
    name: "new Name",
    date: ["new data"]
});

您可以从此处更改包含数据的系列属性

---

我已经为您制作了一个示例。

我们无法看到您提供的参考图表。不幸的是，我无法包含参考，因为我是新加入此委员会的。为了澄清，我的查询为每个类别返回2个值。一个是目标，一个是现实。像这样：汽车贷款100 150信用卡200 300抵押1000 1500。所以我想让图表显示x轴上的类别，并绘制两张图。一个用于目标数字，一个用于实际数字。