本申請?zhí)峁┮环N圖表展示的方法及裝置、電子設(shè)備和計算機(jī)可讀存儲介質(zhì)，方法包括：在圖表界面展示顯示框；響應(yīng)于針對所述顯示框的觸發(fā)操作，以下拉列表的形式展示多個圖例；響應(yīng)于針對所述下拉列表中圖例的選擇操作，在所述顯示框中展示被選中的圖例。本申請實(shí)施例，提供針對圖例的選擇操作，通過下拉列表的形式展示待選擇的多個圖例，并在圖例被選中后在顯示框中展示圖例；圖表展示時僅在顯示框內(nèi)展示被選中的圖例，而隱藏未被選中的圖例，從而可以基于圖例被選擇的情況靈活地展示圖例，優(yōu)化圖表的展示效果。

技術(shù)領(lǐng)域

本申請涉及計算機(jī)技術(shù)領(lǐng)域，特別涉及一種圖表展示的方法及裝置、電子設(shè)備和計算機(jī)可讀存儲介質(zhì)。

背景技術(shù)

ECharts是一個使用JavaScript實(shí)現(xiàn)的開源可視化庫，提供了直觀、交互豐富的數(shù)據(jù)可視化圖表。ECharts圖表提供圖例組件(legend)，圖例組件展現(xiàn)了不同系列的標(biāo)記(symbol)、顏色和名字。

圖例組件一般位于圖表上方預(yù)定的圖例區(qū)域內(nèi)。圖表的高度包含圖例區(qū)域的高度，而圖例組件的個數(shù)由數(shù)據(jù)決定。當(dāng)圖例組件過多時，圖例組件會蓋過圖表，導(dǎo)致圖表不能完好地展現(xiàn)。如果預(yù)設(shè)置較大圖例區(qū)域的高度，在圖例組件少的情況下，會導(dǎo)致圖例區(qū)域留白過多，展示效果不佳。

發(fā)明內(nèi)容

本申請實(shí)施例的目的在于提供一種圖表展示的方法，用以靈活地展示圖例組件，優(yōu)化圖表的展示效果。

一方面，本申請?zhí)峁┝艘环N圖表展示的方法，包括：

在圖表界面展示顯示框；

響應(yīng)于針對所述顯示框的觸發(fā)操作，以下拉列表的形式展示多個圖例；

響應(yīng)于針對所述下拉列表中圖例的選擇操作，在所述顯示框中展示被選中的圖例。

在一實(shí)施例中，所述多個圖例位于至少兩個預(yù)設(shè)分組內(nèi)；

所述響應(yīng)于針對所述顯示框的觸發(fā)操作，以下拉列表的形式展示多個圖例，包括：

響應(yīng)于針對所述顯示框的觸發(fā)操作，以下拉列表的形式展示所述分組的組名和分組內(nèi)的圖例。

在一實(shí)施例中，所述方法還包括：

響應(yīng)于針對所述下拉列表中任一分組的組名的選擇操作，在所述顯示框中展示所述分組中的圖例。

在一實(shí)施例中，在響應(yīng)選擇操作前，所述方法還包括：

接收輸入至所述顯示框的字符串；

基于所述字符串查找所述多個圖例，判斷是否存在匹配的圖例；

若存在，以下拉列表形式展示匹配的圖例。

在一實(shí)施例中，所述方法還包括：

依據(jù)第一圖形配置信息，渲染與所述圖例對應(yīng)的圖形；

在所述顯示框中展示所述圖例時，在圖表界面上展示與所述圖例對應(yīng)的圖形。

在一實(shí)施例中，所述方法還包括：

在所述圖表界面上展示第二顯示框；

響應(yīng)于針對所述第二顯示框的觸發(fā)操作，以下拉列表形式展示第二圖例；所述第二圖例包括除已展示的圖例以外的圖例；

響應(yīng)于針對所述第二圖例的選擇操作，在所述第二顯示框中展示被選中的第二圖例。

在一實(shí)施例中，所述方法還包括：

依據(jù)第二圖形配置信息，渲染與所述第二圖例對應(yīng)的圖形；

在所述顯示框中展示所述第二圖例時，在圖表界面上展示與所述第二圖例對應(yīng)的圖形。