dx-charts v0.0.5

DX-Charts

DX-Charts 是基于 echarts 和 Vue3 封装的开箱即用、易于配置的通用图表库；支持 Vue3 的前端项目；预置了常用业务下的图表基本配置和更符合前后端交互规范的数据格式，仅需要传入数据就能完成图表的绘制，解决了使用 echarts 生成图表时，经常需要做繁琐的数据类型转化、修改复杂的配置项、和繁琐的交互配色修改等问题。

Dev Develop

安装依赖 npm i -g pnpm pnpm i

开发环境准备

• node >= 18.18

启动服务:

pnpm run dev

使用

安装 dx-charts

引入 dx-charts 如果使用 Vue 默认的模板语法，需要注册组件后方可使用，有如下三种方式注册组件：

全量引入

import { createApp } from 'vue'
import dxCharts from 'dx-charts'
import 'dx-charts/dist/style.css';
import App from './App.vue'

const app = createApp(App)  

app.use(dxCharts).mount('#app')

以上代码便完成了 dx-charts 的全局注册。需要注意的是，样式文件需要单独引入。

按需引入:

import { createApp } from 'vue';
import { Line } from 'dx-charts'
import 'dx-charts/dist/style.css';
import App from './App';

const app = createApp(App);

app.use(Line).mount('#app');