[wx-charts] 柱狀圖時間跨度大於25就顯示不全

問題復現
在這裏插入圖片描述

解決過程

  1. 嘗試通過組件解決,在wx-charts的文檔和社區轉了好久也沒有發現問題
  2. 經測試發現不是所有的時間段都顯示不全,時間的天數跨度大於25天就顯示不全
  3. 月份的跨度也不能大於25

經上面的過程,大致可以將邏輯設置爲以下幾步

a. 在picker設置攔截
b. 使用computed動態計算25的範圍,包括天和月

codes:

天:

<picker mode="date" fields="day" start="{{_startDate}}" end="{{params.endDate}}" class="inline-block picker-wrap" value="{{params.startDate}}" bindchange="pickStartDate">
	<view class="picker">{{params.startDate}}</view>
</picker>

月:

<picker mode="date" fields="month" class="inline-block picker-wrap" start="{{_startDate}}" end="{{params.endDate}}" value="{{params.startDate}}" bindchange="pickStartDate">
	<view class="picker">{{params.startDate}}</view>
</picker>
computed = {
   _startDate(){
     let _date = '';
    if(this.params.type === 1){
      _date = dayjs(this.params.endDate).subtract(24, 'day').format('YYYY-MM-DD')
    }
    if(this.params.type === 2){
      _date = dayjs(this.params.endDate).subtract(24, 'month').format('YYYY-MM')
    }
    return _date
   }
 };

只是暫時性解決了,不知道還有啥好的辦法,待更新

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章