首页 前端知识 升级v-charts支持echarts5

升级v-charts支持echarts5

2024-06-13 21:06:01 前端知识 前端哥 787 648 我要收藏

v-charts-x

由于部分新功能只有 echarts@5 有(例如自定义参考系),但 v-charts 似乎没有新版本,虽然 echarts 官方也有 vue-charts 组件,但是项目上依赖 v-charts 功能的地方太多了,无法快速迁移,只好 fork v-charts 升级支持 echarts5。希望对同样情况的开发者有帮助。

  • 仓库地址:v-charts-x

升级项

  • 支持 echarts@5
  • 升级开发环境至 vite@3
  • 升级打包环境至 rollupx@2
  • 升级文档网站依赖包,修复图表无法展示问题

文档地址

  • GitHub 静态站点(访问不稳定)
  • 腾讯云静态站点(访问很快,但是根据流量算钱。。。)

使用

NPM 方式

npm i echarts v-charts-x
import VeBar from 'v-charts-x/lib/packages/bar';
import VeChart from 'v-charts-x/lib/packages/chart';

Vue.component(VeBar.name, VeBar);
Vue.component(VeChart.name, VeChart);
<template>
  <ve-line :data="chartData"></ve-line>
</template>

<script>
  export d
转载请注明出处或者链接地址:https://www.qianduange.cn//article/12000.html
标签
v-charts
评论
发布的文章

Vue——事件修饰符

2024-06-20 00:06:30

dhtmlx-gantt 甘特图

2024-06-20 00:06:28

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!