Hamster Charts

作者：鹤酒、hejiu45

官方文档

介绍：

Hamster Charts是一个基于Vite 与 Vue3 开发的可视化组件库，由鹤酒（和就5）独立开发，如果大家感兴趣也可以加入我们一起开发和完善我们组件库，这是一个简约、简单、易上手的组件库。

安装与卸载：

# 安装
npm i hamster-charts

# 卸载
npm uninstall hamster-charts

引用方式：

注意：支持vue3

全局 引用：

import { createApp } from 'vue'
import './style.css'
import App from './App.vue'

// 手动引用样式
import HamsterCharts from 'hamster-charts'
import '/node_modules/hamster-charts/dist/hamster-charts.css'

createApp(App).use(HamsterCharts).mount('#app')

局部 引用

<script setup>
import bg01 from "./assets/bg.png"
import header from "./assets/header.png"
import bg02 from "./assets/bg01.png"
// 局部引入
import { hBody, hHeader, hContent } from "h-hamster-charts"
</script>

<template>
  <h-body :imgUrl="bg01">
    <h-header :imgUrl="header"></h-header>
    <h-content :imgUrl="bg02"></h-content>
  </h-body>
</template>

<style scoped>
</style>

关于我们：

鹤酒开源

大家好，

我是鹤酒，来自一个充满激情和技术热忱的团队——“鹤酒开源”。我们是一群热爱技术的极客，专注于探索从前端到后端的各种开发技术和最佳实践。我们的名字来源于对技术如鹤般优雅而专注的追求，以及像美酒一样醇厚的技术分享精神。

作为一名直男癌患者（自嘲），我对技术的痴迷已经达到了废寝忘食的地步。无论是深入研究算法优化，还是探讨最新的Web框架，或是解决复杂的系统架构问题，我都乐此不疲。我的技能栈非常广泛，涵盖了从前端的用户体验设计与实现（HTML/CSS/JavaScript等）到后端的服务端逻辑处理（Java, Python, Node.js等）、数据库管理（MySQL, MongoDB等），甚至包括云服务部署和维护等方面。

在“鹤酒开源”这个团队里，我们秉持开放共享的理念，致力于通过开源项目贡献自己的力量，并积极参加各种技术社区活动，与其他开发者交流学习心得和技术经验。我们相信，只有不断进步才能在这个快速发展的行业中立于不败之地。

如果您也是一位对技术充满热情的朋友，欢迎随时与我或“鹤酒开源”的其他成员交流互动！

加入我们：

Wechat（微信）：stf8264

QQ：3171292158