Highcharts 基于类别将标注栏标绘到高位图表

Highcharts 基于类别将标注栏标绘到高位图表,highcharts,Highcharts,我有按排序顺序1-7分组和排序的类别。 第一组有三个类别。 所以前3类属于第一组,下4类属于第二组,依此类推 是否可以基于类别应用打印标注栏 谢谢 JS小提琴 我不知道如何添加查看我的类别的PlotBand xAxis: [{ plotBands: [{ color: 'orange', // Color value from: 3, // Start of the plot band to: 4 // End of the plot b

我有按排序顺序1-7分组和排序的类别。 第一组有三个类别。 所以前3类属于第一组,下4类属于第二组,依此类推

是否可以基于类别应用打印标注栏

谢谢

JS小提琴

我不知道如何添加查看我的类别的PlotBand

xAxis: [{
    plotBands: [{
        color: 'orange', // Color value
        from: 3, // Start of the plot band
        to: 4 // End of the plot band
      }],
}]

当然,您只需使用
plotBands
。看看下面的例子

API参考:

示例:


你能为这张图创建一个提琴吗?你能像JSFIDLE一样发布你的图表的实例吗?可以在Highcharts中添加plotBand:使用js更新fiddle@Julian:对于您的类别,由于它们是动态的,您如何确定它们属于哪个组?在设置图表选项并以这种方式修复打印标注栏之前,可能有一种方法可以获取这些值。问题在于,它假设的是“到”和“从”是什么。在我的例子中,分组是动态的,每个组的大小将不一样。虽然,我想我可以在分组更改时计算每个到和从。您可以在加载事件中添加绘图带,您只需要知道如何划分它们。知道有多少类别属于特定的群体将使这一切变得容易。