显示2个传奇的类别

Question

我的图表有2个图例。 status图例是使用Highcharts api创建的，years图例是外部HTML，它会根据年份选择每个状态的列数重新加载页面。

大多数一切工作正常，但我无法做到的一件重要事情是在列下显示年份数字：

相反，列下显示的所有内容都是应用状态的区域（使用Highcharts自动发生）：

我有数据 - 我知道应该出现什么年份，​​因为我将它们放在网址中。我唯一的麻烦就是把它们放在专栏下面。

如何在列下显示年份？

Answer 1

正如我所说，我拥有数据，而我所需要的只是将其输入正确位置的方法。

感谢Highcharts的详细文档（这真的太棒了！），以及api的灵活性，我设法找到了解决方案 - 并且很容易实现它。

我需要理解的是，我想改变xAxis labels。幸运的是，Highcharts支持formatter属性，可以根据我们的内容自定义标签：

formatter: function() {
    var ret = "";
    // get the relevant years from the "yid" parameter in the url:
    var yearsForColumn = getYidValFromUrl().split("_").sort().join(" "); 
    // show the original lbel value (this.value), and under that, show the years:
    ret = "<div style=\"text-align:center;\"><span>" + this.value + "</span><br><span>" + yearsForColumn + "</span></div>";
    return ret;
}