feat: create Bar component

src/components/Graph.vue

@@ -13,11 +13,7 @@ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 limitations under the License. -->
 <template>
-  <div
-    class="echarts"
-    ref="chart"
-    :style="`height:${height};width:${width};`"
-  ></div>
+  <div ref="dom" :style="`height:${height};width:${width};`"></div>
 </template>
 <script lang="ts" setup>
 import {

src/components/index.ts

@@ -17,6 +17,7 @@
 import Icon from "./Icon.vue";
 import TimePicker from "./TimePicker.vue";
 import Selector from "./Selector.vue";
+import Graph from "./Graph.vue";
 import type { App } from "vue";
 import VueGridLayout from "vue-grid-layout";
 
@@ -25,6 +26,7 @@ const components: { [key: string]: any } = {
   TimePicker,
   VueGridLayout,
   Selector,
+  Graph,
 };
 const componentsName: string[] = Object.keys(components);