鍍金池/ 問答/HTML/ jq 插件sparklines插件如何讓y軸倒置?

jq 插件sparklines插件如何讓y軸倒置?

圖片描述

如圖,引入sparklines在表格中插入小圖,看起來沒什么問題,結(jié)果主管一看排名的趨勢(shì)圖,排名值越小越好,現(xiàn)在是排名小的圖上表現(xiàn)在比較低的位置。有什么辦法可以設(shè)置y軸方向的值越往上越小

回答
編輯回答
涼薄

自己解決了,思路如下:
1、既然沒有sparklines默認(rèn)給數(shù)值越大趨勢(shì)圖中所在的位置越高,那我把每個(gè)值都加上負(fù)號(hào),取反
2、用sparklines中的的numberFormatter設(shè)置成:numberFormatter: function (val) {

              return -val
            }
            由此將tootip提示的值再取反,由此排名類的趨勢(shì)圖排名越小位置越高,tooltip的提示也顯示正數(shù),得到:
            ![圖片描述][1]
            ![圖片描述][2]
            
            目前想到的方法就這樣了,如果哪位大神有更好的方法請(qǐng)賜教。

2018年7月31日 07:11