首页 > 其他 > 详细

图表1->波浪图

时间:2021-03-28 22:18:08      阅读:35      评论:0      收藏:0      [点我收藏+]

技术分享图片

 

 

mounted(){
const chartDom = document.getElementById(‘total-orders-chart‘);
const chart = this.$echarts.init(chartDom);
console.log(chart)
chart.setOption({
xAxis:{
type:‘category‘,
// 隐藏 x 轴
show:false,
// 去除两边 间距
boundaryGap:false
},
yAxis:{
// 隐藏 Y 轴
show:false
},
series:[{
type:‘line‘,
data:[430,320,532,430,320,532,300,430,320,532,300],
// 控制显示样式
areaStyle:{
color:‘purple‘
},
// 隐藏线段
lineStyle:{
width:0
},
// 隐藏 item ->圆圈
itemStyle:{
opacity:0
},
// 显示平滑
smooth: true
}],
// 位置
grid:{
top:0,
left:0,
right:0,
bottom:0
}
})
}

图表1->波浪图

原文:https://www.cnblogs.com/eric-share/p/14589820.html

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