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;
}