前言

成都創(chuàng)新互聯(lián)基于成都重慶香港及美國(guó)等地區(qū)分布式IDC機(jī)房數(shù)據(jù)中心構(gòu)建的電信大帶寬，聯(lián)通大帶寬，移動(dòng)大帶寬，多線BGP大帶寬租用,是為眾多客戶提供專業(yè)服務(wù)器托管報(bào)價(jià)，主機(jī)托管價(jià)格性價(jià)比高，為金融證券行業(yè)服務(wù)器托管，ai人工智能服務(wù)器托管提供bgp線路100M獨(dú)享，G口帶寬及機(jī)柜租用的專業(yè)成都idc公司。

本文主要給大家介紹了關(guān)于vue.js將echarts封裝為組件一鍵使用的相關(guān)內(nèi)容，分享出來供大家參考學(xué)習(xí)，下面話不多說了，來一起看看詳細(xì)的介紹吧。

說明

做項(xiàng)目的時(shí)候?yàn)榱俗寯?shù)據(jù)展示的更加直觀，總會(huì)用到圖表相關(guān)的控件，而說到圖表控件第一時(shí)間當(dāng)然想到ECharts這個(gè)開源項(xiàng)目，而它不像iview、element-ui這些組件使用起來那么便捷，需要繞一個(gè)小彎，為了圖方便于是對(duì)ECharts進(jìn)行了一層封裝

控件演示

控件使用

概要

• 基于echarts的二次封裝
• 由數(shù)據(jù)驅(qū)動(dòng)
• 控件源碼見src/components/charts

文檔

props

屬性	說明	類型
_id	圖表唯一標(biāo)識(shí)，當(dāng)id重復(fù)將會(huì)報(bào)錯(cuò)	String
_titleText	圖表標(biāo)題	String
_xText	x軸描述	String
_yText	y軸描述	String
_chartData	圖表數(shù)據(jù)	Array
_type	圖表類型，提供三種(LineAndBar/LineOrBar/Pie)

調(diào)用示例

 
 //測(cè)試數(shù)據(jù)樣例 [["類別1",10],["類別2",20]]

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

分享標(biāo)題：vue.js如何將echarts封裝為組件一鍵使用詳解-創(chuàng)新互聯(lián)
標(biāo)題網(wǎng)址：http://weahome.cn/article/dpecph.html