highcharts柱形图，包含2个系列和动态标签

Question

我有一个网页，其中有几个下拉列表，用户可以选择他们想要的内容，然后点击“显示图表”，图表会根据他们选择的内容加载。

我正在构建预测与实际报告，因此我想要一个包含2个系列的柱形图，并且标签应该是动态的，基于从数据库返回的内容。我希望图表看起来像下面那个，但不是0,5,10等...它应该是从查询返回的产品，goan和实际是2个单独的系列。

有人可以提供一个这方面的例子。我正在使用json / jquery。

Answer 1

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

一种这样的方法是Update（）。这可以用于轴和系列

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

使用此功能，您不仅可以更改类别，还可以动态更改xAxis属性。

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

您可以更改系列属性，包括此处的数据。

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