操作步驟

1. 登錄DataV控制臺(tái)。

2. 在工作臺(tái)頁(yè)面，選擇任一數(shù)據(jù)看板，進(jìn)入畫(huà)布編輯器頁(yè)面。

3. 在快捷搜索框輸入柱狀圖，添加到畫(huà)布中。重復(fù)操作再次添加一個(gè)柱狀圖組件。

4. 單擊圖標(biāo)，切換到藍(lán)圖頁(yè)面。

5. 在左側(cè)圖層節(jié)點(diǎn)頁(yè)簽中，將兩個(gè)柱狀圖節(jié)點(diǎn)拖拽添加到藍(lán)圖主畫(huà)布中。

6. 單擊左側(cè)邏輯節(jié)點(diǎn)頁(yè)簽，添加一個(gè)串行數(shù)據(jù)處理節(jié)點(diǎn)。

7. 依次將柱狀圖和串行數(shù)據(jù)處理節(jié)點(diǎn)連線，如圖所示。

8. 選中串行數(shù)據(jù)處理節(jié)點(diǎn)，在右側(cè)節(jié)點(diǎn)配置面板中的處理方法模塊單擊新建，新增一個(gè)過(guò)濾器。

9. 修改過(guò)濾器名稱為柱狀圖串行處理，并使用以下代碼替換初始過(guò)濾代碼。

   return data.splice(0,3)//過(guò)濾出前三項(xiàng)數(shù)據(jù)

10. 單擊過(guò)濾器下方的保存。再次單擊提交，即可完成過(guò)濾器代碼編輯。

11. 單擊藍(lán)圖頁(yè)面右上角的預(yù)覽 > 普通預(yù)覽，進(jìn)入預(yù)覽頁(yè)面。

12. 待組件加載成功后，即可查看過(guò)濾器篩選后的圖表結(jié)果。