使用echarts插件做圖表常見的幾個問題(一)—— 折線圖局部虛線


場景:實現折線圖局部虛線

措施:series中兩組數據name相同,data數據部分,實現或者虛線無值的部分用空來占位。

代碼如下:

option = {
    xAxis: {
        type: 'category',
        data: ['1日', '2日', '3日', '4日', '5日', '6日', '7日','8日','9日','10日']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        name:'產量',
        data: [820, 932,'','',930,1200,1000,1110,'',''],
        type: 'line',
        itemStyle: {
            normal: {
                lineStyle: {
                    width: 2
                }
            }
         }
    },
    {
  name:'產量',
        data: ['',932,800, 900, 930, '','',1110,1200,900],
        type: 'line',
        itemStyle: {
            normal: {
                lineStyle: {
                    width: 2,
                        type:'dashed'
                    }
                }
        }
    }
    ]
};

 


免責聲明!

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



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