JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 25
  • Score
    100M100P100Q53054F

Package Exports

  • @v-charts2/line
  • @v-charts2/line/v-charts.css
  • @v-charts2/line/vue2
  • @v-charts2/line/vue3

Readme

mark text

@v-chart2/line

npm (scoped) npm bundle size (scoped) GitHub stars GitHub issues
npm npm NPM

🎉 折线图

下载

yarn add @v-charts2/line
# or
npm install @v-charts2/line

安装

当你当前的打包工具为 webpack 时, 推荐你进行以下的安装步骤

传统的 webpack4.x 没有 Tree Shaking 的支持, 如果你想引入 @v-charts2/line/vue2 或者 @v-charts2/line/vue3 的话, 可能会报错

import Vue from "vue";
import VeLine from "@v-charts2/line"; // 兼容 vue2.x 和 vue3.x 的支持, 将会自动加载支持 vue2.x 的支持包或者支持 vue3.x 的支持包
Vue.use(VeLine);

当你当前的打包工具为 vite 或者 rollup 时, 推荐你进行以下的安装步骤

  • Vue 2.x
import Vue from "vue";
import VeLine from "@v-charts2/line/vue2"; // 更好的 Tree Shaking 推荐引入 vue2.x 的专属支持包
import "@v-charts2/line/v-charts.css"; // 需要手动引入样式
Vue.use(VeLine);
  • Vue 3.x
import { createApp } from "vue";
const app = createApp();
import VeLine from "@v-charts2/line/vue3"; // 更好的 Tree Shaking 推荐引入 vue3.x 的专属支持包
import "@v-charts2/line/v-charts.css"; // 需要手动引入样式
app.use(VeLine);