解决echarts 一条柱状图显示两个值,类似进度条的问题
195 浏览量
2020-10-15
02:57:01
上传
评论
收藏 82KB PDF 举报
解决解决echarts 一条柱状图显示两个值一条柱状图显示两个值,类似进度条的问题类似进度条的问题
主要介绍了解决echarts 一条柱状图显示两个值,类似进度条的问题，具有很好的参考价值，希望对大家有所帮
助。一起跟随小编过来看看吧
我就废话不多说说了，大家还是直接看代码吧~
var allUseDayChartTwo;
function allUseDayChartTwoFun(obj,xdata,ydata,zdata){
allUseDayChartTwo = echarts.init(obj);
var category = xdata;
var lineData = zdata;
var barData = ydata;
option = {
// backgroundColor:'#F00',
tooltip: {
trigger: 'axis',
backgroundColor:'rgba(0,0,0,.5)',
axisPointer: {
type: 'shadow',
label: {
show: true,
backgroundColor: '#F1F1F1',
color:'#5A5A5A'
}
},
confine: true
},
grid: {
left: '1%',
right: '3%',
bottom: '5%',
top: '5%',
containLabel: true
},
xAxis: {
axisLine: {
lineStyle: {
color: '#B4B4B4'
}
},
axisTick:{
show:false,
},
axisLine:{
show:false
},
axisTick:{
show:false
},
splitLine:{
show:false
},
axisLabel:{
textStyle: {
fontSize: 14,
},
formatter:'{value} ',
},
},
yAxis: [{
data: category,
splitLine: {show: false},
axisLine: {
lineStyle: {
color: '#B4B4B4',
}
},
axisLabel:{
textStyle: {
fontSize: 14,
// color: '#B2B2B2'
},
formatter:'{value} ',
},
axisLine:{
show:false
资源评论
weixin_38588854
- 粉丝: 11
- 资源: 958
最新资源
- minsu-manager汽车租赁系统springboot+vue前台后台后端.zip
- ME2323D-VB一款P沟道SOT23封装MOSFET应用分析
- 反诈文章word版下载地址
- .arch防火道矢量数据156条.shp
- D-PDU中15765等协议标准通讯参数讲解 对于D-PDU API的实现至关重要 对于通讯任务收发的问题分析也很重要
- .arch防火道矢量数据156条.dbf
- NCE0103M-VB一款N沟道SOT89-3封装MOSFET应用分析
- 深圳SHZ苹果项目BIM图纸 Navisworks文件
- IRF530S-VB一款N沟道TO263封装MOSFET应用分析
- FDN336P-NL-VB一款P沟道SOT23封装MOSFET应用分析
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
