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

内容简介：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>

源码下载：

• Source code (zip)

• Source code (tar.gz)

【声明】文章转载自：开源中国社区 [http://www.oschina.net]

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持 码农网

查看所有标签

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。