首页 > 其他 > 详细

v-charts 第一次亲密接触

时间:2019-04-18 11:07:21      阅读:409      评论:0      收藏:0      [点我收藏+]

v-charts是什么鬼

v-charts是饿了么团队开源的一个图表库,vue+echarts开发。用element-ui直接集成echarts有些费劲,而v-charts已经封装成vue组件,可以直接使用

传送门:echartsv-charts githubv-charts文档

使用笔记

1.设置标题 / 标题属性:title

<ve-histogram :title="title" :data="data"></ve-histogram>
data() {
            return {
                data:{
                    columns:[‘姓名‘, ‘资产‘],
                    rows:[{‘姓名‘:‘蛋尼‘, ‘资产‘:20},
                        {‘姓名‘:‘张飞‘, ‘资产‘:30},
                        {‘姓名‘:‘关羽‘, ‘资产‘:40},
                        {‘姓名‘:‘刘备‘, ‘资产‘:60},
                        {‘姓名‘:‘尼古拉斯‘, ‘资产‘:26},]
                },
                title:{
                    text: ‘个人资产‘,
                    textStyle: {color:‘darkgray‘}
                },
}

 

v-charts 第一次亲密接触

原文:https://www.cnblogs.com/dannyyao/p/10728210.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!