ucharts圖表tooltip自定義換行


這個東西吧,也許是因為菜,看了3小時,下面給出解決方案

1. 找到源碼下面的這個文件

 

 

 2. 增加綠色方框中的代碼

 

3.組件調用的時候有一個opts屬性 :opts="{ extra: { tooltip: { tooltipArr: [ [ { text:"不顯示左側顏色塊",color:null }, { text:"自定義內容1",color:null } ] , [ { text:"不顯示左側顏色塊",color:null }, { text:"自定義內容2",color:null } ] ] } } }"

 

 

 

4.實際效果

 

 

 5.解釋,ucharts接收的屬性增加一個數組屬性,判斷值后改變textList項的顯示,

  

 6. 為啥接收值是二維數組呢?

     6.1. 因為每條圖顯示的彈窗內容不同,而它們的每一項都是對象的屬性, 而且textList的值是數組,所以需要傳入多項數組,讓它根據索引自動取 注:官方讀取的內容就是text:“文本”,color:左側顏色

 

7. 最后,本人找工作,成都地區,前端開發 851689968@qq.com


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM