在Highcharts中的分组条形图中标记单个条形图_Highcharts

在Highcharts中的分组条形图中标记单个条形图

highcharts

在Highcharts中的分组条形图中标记单个条形图,highcharts,Highcharts,是否有一种编程方式为HighCharts中分组条形图中的单个条形图提供轴标签用例：该用例用于处理分组和堆叠的图形。使用这些图形很难直观地传达（没有工具提示）各个条所代表的内容，除非它们有单独的标签默认行为：例如，请参见堆叠和分组柱状图的HC演示，在该演示中，最初可能不清楚每个簇中的单个条代表不同的性别：目标：以下是我努力实现的一个例子。是否可以通过编程方式执行此操作，例如使用第二个x轴？也许另一个想法是使用堆栈总数的巧妙布局，但这当然会妨碍显示实际堆栈总数它的结果与您的图像不完全相同，

是否有一种编程方式为HighCharts中分组条形图中的单个条形图提供轴标签

用例：该用例用于处理分组和堆叠的图形。使用这些图形很难直观地传达（没有工具提示）各个条所代表的内容，除非它们有单独的标签

默认行为： 例如，请参见堆叠和分组柱状图的HC演示，在该演示中，最初可能不清楚每个簇中的单个条代表不同的性别：

目标：以下是我努力实现的一个例子。是否可以通过编程方式执行此操作，例如使用第二个x轴？也许另一个想法是使用堆栈总数的巧妙布局，但这当然会妨碍显示实际堆栈总数

它的结果与您的图像不完全相同，但它显示了

堆叠标签

：

yAxis: {
    ...
    stackLabels: {
        enabled: true,
        formatter: function() {
            return  this.stack;
        }
    }
},

它在列的顶部显示标签

它的结果与您的图像不完全相同，但它显示了

堆叠标签

：

yAxis: {
    ...
    stackLabels: {
        enabled: true,
        formatter: function() {
            return  this.stack;
        }
    }
},

它在列的顶部显示标签

有几个选项可以帮助您

首先，stackLabels格式化程序允许您确定标签中的内容

其次，veticalAlign：“bottom”允许您将标签定位在堆栈的底部

第三，“y”选项允许您相对于其默认位置移动标签

问题是，您似乎无法将标签移到图表打印区域之外。解决这个问题的一种方法是将y轴从负值开始，为标签留出空间。然后可以将x轴的位置移动到图表区域中

剩下的唯一一件事就是尝试移除伪'-2'y轴点

-编辑- 如果将startOnTick设置为false，并将y轴最小值设为-1.9，则伪-2点消失

min: -1.9,
startOnTick:false,