例:<ve-histogram :data="chartData"
:settings="settings"
:extend="extendCharts"
:colors="colors"
// 暂无数据状态
:data-empty="!chartData.rows.length"
// 是否处理生成图表时的宽度问题
:judge-width="true
:grid="grid"
:mark-point="markPoint"
:mark-line="markLine"></ve-histogram>
// 设置项
settings:{
area: true, // 折线图下展示铺满颜色 是否展示为面积图
labelMap: { // 设置指针的别名,同事作用与提示框和图例
date: '日期',
repeatFriendCount: '重复好友数量'
},
itemStyle: {
symbolSize: 4,
color: {
type: 'linear',
x: 0,
y: 0,
x2: 0,
y2: 1,
colorStops: [
{
offset: 0,
color: '#4180FF' // 0% 处的颜色
},
{
offset: 1,
color: '#ffffff' // 100% 处的颜色
}
]
}
}
}
// 在v-charts中使用e-charts
extend:{
//
vue antd 基础api
最新推荐文章于 2024-08-10 15:49:03 发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)