實現Echarts折線圖的虛實轉換

　　

需求：醫院的體溫單，在統計體溫時，對於正常情況下統計的體溫數據，需要顯示實線；對於進行物理降溫后統計的體溫數據，需要顯示虛線。

現有的體溫單是運用 Echarts 折線圖，統一用實線顯示。因此在這基礎上進行的優化。主要的解決思路是：實線和虛線重疊，需要用虛線顯示的部分，實線的data設置為 '-'。      

{
                        name: '溫度(°C)',
                        type: 'line',
                        stack: '溫度1',  5                         itemStyle: {
                            normal: {
                                lineStyle: {   //系列級個性化折線樣式
                                    width: 5,
                                    type:'solid'
                                }
                            }
                        },
                        data: [35, 37, 38, '-', 37, 36, 36, 35]14                     },
                    {
                        name: '溫度(°C)',
                        type: 'line',
                        stack: '溫度2', 19                         itemStyle: {
                            normal: {
                                lineStyle: {   //系列級個性化折線樣式
                                    width: 2,
                                    type: 'dashed'
                                }
                            }
                        },
                        data: [35, 37, 38, 39, 37, 36, 36, 35]
                    }

 

注意：當name值一樣時，stack 的值不同，兩條線就會重疊。

關於data動態數據處理：后台返回同一個數據。在前台加一個判斷，當需要用虛線顯示的部分，實線的數據中改為'-'。