2015-05-31 59 views
1

我有一個圖表,有2個傳說。 status圖例是使用Highcharts api創建的,years圖例是外部HTML,它會在選擇年份的情況下重新加載頁面時每個狀態的列數。顯示2個傳說的分類

大多數一切工作正常,但我一直沒能辦一件重要的事情是顯示列下的年份數字: enter image description here

相反,這些列下會出現所有在區域這些狀態被應用(與Highcharts自動發生): enter image description here

我有數據 - 我知道什麼年份應該出現,因爲我得到他們的網址。我唯一的麻煩是讓他們在列下。

如何顯示列下的年份?

回答

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