mdp-chart

该组件库采用 Vue@3.3.4 + TypeScript@5.2.2 + Vite@4.4.9 + scss 实现！

Install & Use

pnpm i mdp-chart
# or
npm install mdp-chart
# or
yarn add mdp-chart

Import and register component

Global

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

import MdpChart from 'mdp-chart'
import 'mdp-chart/css'

const app = createApp(App)
app.use(MdpChart)

Local

<script setup lang="ts">
import { Button } from 'mdp-chart'
import 'mdp-chart/css'
</script>

Use CDN in Project

<script src="https://unpkg.com/mdp-chart@latest"></script>

Project

• Get the project code

git clone http://gitlab.juneyaoair.com:10080/data-app/mdp-chart-npm.git

• Install dependencies

cd mdp-chart

pnpm i

• Run project

pnpm dev

Components

Component name	Descriptions	Component name
JxJade	玉玦图	JxJade

Functions

Function name	Descriptions	Arguments
getQueryString	获取url参数！	(timestamp: number | string | Date, format = 'YYYY-MM-DD HH:mm:ss') => string
Gmodel	弹出提示