在图表

Question

尝试搜索这个并空手而归，如果这个答案确实存在，请道歉。

请看我的小提琴https://jsfiddle.net/bautistaaa/h6fbvdyf/3/

数据摘录：

series: [{
        name: 'CSI A',
        data: [5,4,3,2,1],
        stack: 'open',
        color: Highcharts.getOptions().colors[0],
    }, {
            name: 'CSI A',
        data: [1,2,3,4,5],
        stack: 'realized',
        linkedTo: ':previous'
    }

你会注意到我有两个堆栈..一个用于实现，一个用于打开。如何在每列下方实际显示“打开”和“已实现”，以便用户不必将鼠标悬停在列上以查看它在工具提示中的堆栈。也许作为奖励，当数据存在于其上方时，只有Open和Realized出现。

提前致谢

Answer 1

您可以使用为标签格式化的自定义来执行此操作。 它不是100％完美。您可以调整样式以使其更合适。

注意：useHTML需要设置为true才能使其正常工作

xAxis: {
        categories: ['FY17', 'FY18', 'FY19', 'FY20', 'FY21'],
        labels: {
            formatter: function(){
          console.log(this);
            return '<span style="margin-right: 15px">' + this.chart.series[0].options.stack + '</span><span>' +                             this.chart.series[1].options.stack + 
            '</span><br /><div style="text-align:center">' + this.value + '</div>'
          },    
          useHTML: true
        }    
    },