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

内容简介：v-charts 1.16.2 已发布，v-charts 是饿了么开源的基于 Vue2.0 和 echarts 封装的 v-charts 图表组件，只需要统一提供一种对前后端都友好的数据格式 设置简单的配置项，便可轻松生成常见的图表。 更新内容： 修复...

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 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>

结果：

下载地址：

• Source code (zip)

• Source code (tar.gz)

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

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

• 组件化可视化图表 - Recharts
• 组件化可视化图表 - Recharts
• 【React】戏说组件式百度图表的由来及简单逻辑
• v-charts 1.17.8 发布，Vue2.x 封装的 Echarts 图表组件
• v-charts 1.17.10 发布，Vue2.x 封装的 Echarts 图表组件
• 统计图表之线状图

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