Highcharts 显示2个图例的类别

Highcharts 显示2个图例的类别,highcharts,categories,Highcharts,Categories,我有一张有两个图例的图表。状态图例是使用Highcharts api创建的,而年份图例是外部HTML,当选择年份时,它会使用每个状态的列数重新加载页面 大多数情况下一切正常,但有一件重要的事情我没能做到,那就是在列下显示年份数字: 相反,列下显示的是应用状态的区域(使用Highcharts自动发生): 我有数据——我知道应该出现的年份,因为我在url中找到了它们。我唯一的麻烦就是把它们藏在柱子下面 如何在列下显示年份?正如我所说,我有数据,我所需要的只是一种将数据输入正确位置的方法 多亏了H

我有一张有两个图例的图表。
状态
图例是使用Highcharts api创建的,而
年份
图例是外部HTML,当选择年份时,它会使用每个状态的列数重新加载页面

大多数情况下一切正常,但有一件重要的事情我没能做到,那就是在列下显示年份数字:

相反,列下显示的是应用状态的区域(使用Highcharts自动发生):

我有数据——我知道应该出现的年份,因为我在url中找到了它们。我唯一的麻烦就是把它们藏在柱子下面


如何在列下显示年份?

正如我所说,我有数据,我所需要的只是一种将数据输入正确位置的方法

多亏了Highcharts的详细文档(这真是太棒了!),以及他们api的灵活性,我设法很容易地找到了解决方案并实现了它

我需要了解的是,我想改变。幸运的是,Highcharts启用了该属性,从而可以根据我们的内容自定义标签:

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;
}
格式化程序:函数(){
var ret=“”;
//从url中的“yid”参数获取相关年份:
var yearsForColumn=getYidValFromUrl().split(“”).sort().join(“”);
//显示原始lbel值(该值),并在该值下显示年份:
ret=“”+this.value+”
“+yearsForColumn+”; 返回ret; }