在Vue中使用echarts

從上邊可以看出,，你每次在使用echarts的時候,，都必須要重復(fù)的引入，這樣很不方便 vue作為一個組件化開發(fā)的框架,，我們可以使用組件的方式進行集成,。每次我們引入組件，進行使用,，這樣就方便的多,。

又一款基于Vue的數(shù)據(jù)可視化組件庫,Github上star超1.4k,太酷炫

1、MintUI 餓了么公司前端團隊開發(fā)的基于vue的移動端組件庫,，功能齊全,，在git上有18k的star,，非常不錯的一款移動開發(fā)工具。官方地址：#,！/en Vant 有贊前端團隊開發(fā)移動端組件庫,，還支持小程序。

2,、樓主好,，TinyVue組件庫的介紹是有的，TinyVue是一套跨端,、跨框架的企業(yè)級UI組件庫,，屬于華為云開源項目OpenTiny項目支持Vue 2和Vue 3，支持PC端和移動端,。

3,、Vux是基于WeUI和Vue(x)開發(fā)的移動端UI組件庫，主要服務(wù)于微信頁面,。

在Vue項目中實現(xiàn)數(shù)據(jù)可視化操作

1,、步驟一： 可視化的形式創(chuàng)建vue項目： vue -V 。

2,、首先可視化編輯器需要做到板塊的管理,，這些板塊支持可視化的編輯配置和效果展示，比較終相互組裝為一個頁面,。每個板塊我們不可避免的需要一個 View組件 來做展示,，因為每個板塊都長得不一樣。

3,、在VUE項目的一個頁面中,，需要使用Echarts中的柱狀圖進行數(shù)據(jù)可視化處理。要求：每個柱狀圖的粗細要相等,，顏色要自動使用不同顏色,，特殊數(shù)據(jù)要固定黑色。難點：頁面中需要有多個柱狀圖,，類似于表格里嵌套柱狀圖,。