README.zh.md

iDux Charts

ECharts 的 Vue 组件, 支持 v2.x 和 v3.x, 查看 文档 了解更多.

English | 简体中文

📦 安装

npm install echarts @idux/charts

如果在 Vue 2.x(< 2.7) 中使用，需要确认 @vue/composition-api 已经被安装

npm install @vue/composition-api

🔨 使用

// vue@2.x(< 2.7)
// import { createApp } from "@vue/composition-api";
import { createApp } from 'vue'
import { IxChart, IxLineChart } from '@idux/charts'

const app = createApp(App)
app.use(IxChart).use(IxLineChart)

<script setup lang="ts">
import { IxLineChart, type LineChartProps } from '@idux/charts'

const data = [123, 324, 156, 244, 188]

const lineOption: LineChartProps = {
  xAxis: {
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri'],
  },
}
</script>
<template>
  <IxLineChart :data="data" v-bind="lineOption" />
</template>

参考快速上手以了解更多。

⌨️ 开发

npm install

npm start

使用浏览器访问：http://localhost:8080/

🤝 如何贡献

在任何形式的参与前，请先阅读 贡献者文档。如果你希望参与贡献，欢迎 Pull Request，或给我们 报告 Bug。

强烈推荐阅读 《提问的智慧》、《如何向开源社区提问题》 和 《如何有效地报告 Bug》、《如何向开源项目提交无法解答的问题》，更好的问题更容易获得帮助。

☀️ 授权协议

MIT © 2023-present IDuxFE