内容简介：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>源码下载：
【声明】文章转载自：开源中国社区 [http://www.oschina.net]
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持 码农网
猜你喜欢:
- iOS封装一个简单的曲线图表视图
- v-charts 1.17.8 发布，Vue2.x 封装的 Echarts 图表组件
- 统计图表之线状图
- 统计图表之柱状图
- 用 Matplotlib 库生成动画图表
- 一起撸个环形 Android 图表
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
