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

王练
 王练
发布于 2018年08月12日
收藏 25

v-charts 是饿了么开源的基于 Vue2.x 封装的 Echarts 图表组件,特性:

  • 统一的数据格式: 使用对前后端都友好的数据格式,方便生成和修改。

  • 简化的配置项: 通过简化的配置项,可以轻松实现复杂需求。

  • 定制简单: 提供多种自定义 Echarts 方式,可以方便的设置图表配置项。

v-charts 1.17.10 更新内容:

  • map: 隐藏地图中无数据部分的提示 (b2b0f39)

更多详情可查阅发行列表

快速上手

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

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

源码下载:

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动共创开源社区。
转载请注明:文章转载自 开源中国社区 [http://www.oschina.net]
本文标题:v-charts 1.17.10 发布,Vue2.x 封装的 Echarts 图表组件
加载中

精彩评论

灵魂架构师
灵魂架构师
同样是九年义务教育,你肯定偷偷上补习班了

最新评论(1

灵魂架构师
灵魂架构师
同样是九年义务教育,你肯定偷偷上补习班了
返回顶部
顶部