内容简介：v-charts 1.17.0 已发布，v-charts 是饿了么开源的基于 Vue2.0 和 echarts 封装的 v-charts 图表组件，只需要统一提供一种对前后端都友好的数据格式 设置简单的配置项，便可轻松生成常见的图表。 更新内容： 优化...
v-charts 1.17.0 已发布，v-charts 是饿了么开源的基于 Vue2.0 和 echarts 封装的 v-charts 图表组件，只需要统一提供一种对前后端都友好的数据格式 设置简单的配置项，便可轻松生成常见的图表。
更新内容：
优化 commonjs 包体积，增强加载性能。
示例：
<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>结果：
下载地址：
【声明】文章转载自：开源中国社区 [http://www.oschina.net]
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持 码农网
猜你喜欢:
- 前端 Docker 镜像体积优化
- 缩减Docker镜像体积历程总结
- 缩减Docker镜像体积历程总结
- APK体积优化的一些总结
- 重构之路：webpack打包体积优化（超详细）
- Laravel框架中缩小Vue应用的体积
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
