设为首页收藏本站

LUPA开源社区

 找回密码
 注册
文章 帖子 博客
LUPA开源社区 首页 业界资讯 软件追踪 查看内容

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

2018-8-13 19:07| 发布者: joejoe0332| 查看: 429| 评论: 0|原作者: oschina|来自: oschina

摘要: v-charts 是饿了么开源的基于 Vue2.x 封装的 Echarts 图表组件,特性:统一的数据格式:使用对前后端都友好的数据格式,方便生成和修改。简化的配置项:通过简化的配置项,可以轻松实现复杂需求。定制简单:提供多种 ...

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>

源码下载:


酷毙

雷人

鲜花

鸡蛋

漂亮
  • 快毕业了,没工作经验,
    找份工作好难啊?
    赶紧去人才芯片公司磨练吧!!

最新评论

关于LUPA|人才芯片工程|人才招聘|LUPA认证|LUPA教育|LUPA开源社区 ( 浙B2-20090187 浙公网安备 33010602006705号   

返回顶部