echarts水球圖小數點不顯示問題+組件默認值

1.水球圖數據小數點顯示問題

想來個小數點后兩位，結果發現直接傳進LiquidFill的data里面渲染出來的就是整數

問題如圖

 

 

 解決方法

參考博客園其他小伙伴

echarts-liquidfill 水球顯示小數點 - 文靜~ - 博客園 (cnblogs.com)

            label: {
              formatter:function(params){
                console.log('params: ', params.value);
                return params.value*100 +'%'
              },
              // formatter: "34.34%", //水球上顯示文字，可以設置任意文字
              show: true,
            },

2.關於組件傳值default用法

一開始傳default，沒起作用，后來一看，要父組件未傳遞數據才會用到default。而且注意對象傳遞，如果使用箭頭函數還要用括號包裹。

1、使用default定義默認值時，如果父組件有傳值，則用父值渲染。如果父組件沒有傳值，則使用默認值。

2、沒有定義默認值時，如果父組件有傳值，則用父值渲染。如果父組件沒有傳值，則使用的是該類型的默認值。類型及其默認值如下：

String ''

Number 0

Array []

Object {}

參考網址

淺談vue-props的default寫不寫有什么區別_vue.js_腳本之家 (jb51.net)

props default 數組／對象的默認值應當由一個工廠函數返回 - SegmentFault 思否

不多BB，正確用法

2.1 箭頭函數

 

 

 

 

 2.2 function函數

 

注：這種特殊寫法只需在default是對象/數組的情況下使用，一般的就直接寫