v-charts 正在参加 2021 年度 OSC 中国开源项目评选,请投票支持!
v-charts 在 2021 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
2021 年度 OSC 中国开源项目评选 正在火热进行中,快来投票支持你喜欢的开源项目!
2021 年度 OSC 中国开源项目评选 >>> 中场回顾
v-charts 获得 2021 年度 OSC 中国开源项目评选「最佳人气项目」 !
授权协议 MIT
操作系统 跨平台
软件类型 开源软件
所属分类 iOS代码库图表(Charting)
开源组织
地区 国产
投 递 者 王练
适用人群 未知
收录时间 2018-05-22

软件简介

在使用 echarts 生成图表时,经常需要做繁琐的数据类型转化、修改复杂的配置项,v-charts 的出现正是为了解决这个痛点。基于 Vue2.0 和 echarts 封装的 v-charts 图表组件,只需要统一提供一种对前后端都友好的数据格式,设置简单的配置项,便可轻松生成常见的图表。

安装

npm i v-charts echarts -S

快速上手

<template>
  <div>
    <ve-line :data="chartData"></ve-line>
  </div>
</template>

<script>
import VeLine from 'v-charts/lib/line'
export default {
  created () {
    this.chartData = {
      columns: ['日期', '销售量'],
      rows: [
        { '日期': '1月1日', '销售量': 123 },
        { '日期': '1月2日', '销售量': 1223 },
        { '日期': '1月3日', '销售量': 2123 },
        { '日期': '1月4日', '销售量': 4123 },
        { '日期': '1月5日', '销售量': 3123 },
        { '日期': '1月6日', '销售量': 7123 }
      ]
    }
  },

  components: { VeLine }
}
</script>

结果:

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论

点击加入讨论🔥(7) 发布并加入讨论🔥
发表了资讯
2018/11/03 07:17

v-charts 1.19.0 发布,基于 Vue2.0 和 ECharts 的图表库

v-charts 1.19.0 发布了,更新内容如下: pie: support multi pie item (0a99bd2) v-charts 是饿了么开源的基于 Vue2.0 和 ECharts 封装的图表组件,其特点包括: 统一的数据格式: 使用对前后端都友好的数据格式,方便生成和修改。 简化的配置项: 通过简化的配置项,可以轻松实现复杂需求。 定制简单: 提供多种自定义 Echarts 方式,可以方便的设置图表配置项。 更新日志 源码下载: Source code(zip) Source code(tar.gz)...

0
24
发表了资讯
2018/10/16 07:29

v-charts 1.18.0 发布,基于 Vue2.0 和 ECharts 的图表库

v-charts 1.18.0 发布了,更新内容如下: core: add log prop to comp (7abca27) 完善水球图的配置settings中关于seriesMap和wave的配置项 (3e82c6f) 增加词云图的封装 (30ddf30) 增加水球图 (391d62d) v-charts 是饿了么开源的基于 Vue2.0 和 ECharts 封装的图表组件,其特点包括: 统一的数据格式: 使用对前后端都友好的数据格式,方便生成和修改。 简化的配置项: 通过简化的配置项,可以轻松实现复杂需求。 定制简单: 提供...

0
29
发表了资讯
2018/08/12 07:17

v-charts 1.17.10 发布,Vue2.x 封装的 Echarts 图表组件

v-charts 是饿了么开源的基于 Vue2.x 封装的 Echarts 图表组件,特性: 统一的数据格式: 使用对前后端都友好的数据格式,方便生成和修改。 简化的配置项: 通过简化的配置项,可以轻松实现复杂需求。 定制简单: 提供多种自定义 Echarts 方式,可以方便的设置图表配置项。 v-charts 1.17.10 更新内容: map: 隐藏地图中无数据部分的提示 (b2b0f39) 更多详情可查阅发行列表 快速上手 <template>   <div>     <ve-line ...

1
25
发表了资讯
2018/07/14 07:08

v-charts 1.17.8 发布,Vue2.x 封装的 Echarts 图表组件

v-charts 是饿了么开源的基于 Vue2.x 封装的 Echarts 图表组件,特性: 统一的数据格式: 使用对前后端都友好的数据格式,方便生成和修改。 简化的配置项: 通过简化的配置项,可以轻松实现复杂需求。 定制简单: 提供多种自定义 Echarts 方式,可以方便的设置图表配置项。 v-charts 1.17.8 更新内容: core: 增加 options 和 Echarts 到钩子函数中 core: add hooks params of options and Echarts 更多详情可查阅发行列表 下载...

0
14
发表了资讯
2018/06/19 07:47

v-charts 1.17.2 发布,修复 common.min 加载问题

v-charts 1.17.2 已发布,v-charts 是饿了么开源的基于 Vue2.0 和 echarts 封装的 v-charts 图表组件,只需要统一提供一种对前后端都友好的数据格式 设置简单的配置项,便可轻松生成常见的图表。 更新内容: 修复 common.min 加载问题 示例: <template>   <div>     <ve-line :data="chartData"></ve-line>   </div> </template> <script> import VeLine from 'v-charts/lib/line' export default { ...

0
8
发表了资讯
2018/06/16 07:15

v-charts 1.17.0 发布,优化 commonjs 包体积

v-charts 1.17.0 已发布,v-charts 是饿了么开源的基于 Vue2.0 和 echarts 封装的 v-charts 图表组件,只需要统一提供一种对前后端都友好的数据格式 设置简单的配置项,便可轻松生成常见的图表。 更新内容: 优化 commonjs 包体积,增强加载性能。 示例: <template>   <div>     <ve-line :data="chartData"></ve-line>   </div> </template> <script> import VeLine from 'v-charts/lib/line' export d...

0
10
发表了资讯
2018/05/23 07:36

v-charts 1.16.2 ,基于 Vue2.0 和 ECharts 的图表组件

v-charts 1.16.2 已发布,v-charts 是饿了么开源的基于 Vue2.0 和 echarts 封装的 v-charts 图表组件,只需要统一提供一种对前后端都友好的数据格式 设置简单的配置项,便可轻松生成常见的图表。 更新内容: 修复: after config once bug, fix #279 示例: <template>   <div>     <ve-line :data="chartData"></ve-line>   </div> </template> <script> import VeLine from 'v-charts/lib/line' export...

2
28
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表了博客
{{o.pubDate | formatDate}}

{{formatAllHtml(o.title)}}

{{parseInt(o.replyCount) | bigNumberTransform}}
{{parseInt(o.viewCount) | bigNumberTransform}}
没有更多内容
暂无内容
发表了问答
{{o.pubDate | formatDate}}

{{formatAllHtml(o.title)}}

{{parseInt(o.replyCount) | bigNumberTransform}}
{{parseInt(o.viewCount) | bigNumberTransform}}
没有更多内容
暂无内容
暂无内容
7 评论
173 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部