Ξ
横向柱状图 背景为数组最大值
凌***殇
2020-06-16 07:50:28
1
13
118
点击收藏
赠送体验
GPT-Ai助手
Echarts 官方同步案例
Echarts 官方同步文档
🌏 QQ/微信
交流
群
登录
评论
雷***刚（2020-10-16 06:18:29 ）
对
#1版本
说：
如果我没有这么多条数据 只有五行数据 我怎么让他们间距不要那么宽 就隔个20px这样子就好了 什么属性呀 bag什么的试了都不行呀
凌***殇 回复 雷***刚（2020-10-21 07:47:12 ）
对
#1版本
说：
这个中间是自动出来的 好像只能改上下高度 grid: { left: '2%', right: '2%', bottom: '30%', top: '30%', containLabel: true },
倪***手（2020-10-15 05:40:43 ）
对
#1版本
说：
大牛 问下您这个渐变在这页面 没作用呀 我是vue项目所以这样写的color: this.$echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: 'rgb(57,89,255,1)' }, { offset: 1, color: 'rgb(46,200,207,1)' }]),
凌***殇 回复 倪***手（2020-10-21 08:42:41 ）
对
#1版本
说：
刚试了下这个 在当前页面再引入一下echart就可 import echarts from '../../static/echarts';
凌***殇 回复 倪***手（2020-10-21 07:48:14 ）
对
#1版本
说：
抱歉 我还没在uni上用过echart 插件市场有个uchart 你可以试试
雷***刚（2020-09-16 03:07:10 ）
对
#1版本
说：
右边的值如果要加单位 比如293人 怎么弄得呀
凌***殇 回复 雷***刚（2020-09-20 05:16:02 ）
对
#1版本
说：
yAxis第二个改一下formatter axisLabel: { textStyle: { color: '#ffffff', fontSize: '12' }, formatter: function(params) { return params + "人" },
185*****899（2020-09-12 16:24:02 ）
对
#1版本
说：
可以的
尔***丶（2020-08-03 09:02:54 ）
对
#1版本
说：
老哥，右边的值展示和柱子的间距怎么调啊
凌***殇 回复 尔***丶（2020-08-04 08:16:00 ）
对
#1版本
说：
右边的值修改样式是 yAxis数组第二个 间距是自动调整的 直接修改这里上下距离 grid: { left: '2%', right: '2%', bottom: '20%', top: '20%', containLabel: true },
尔***丶 回复 凌***殇（2020-08-05 02:22:45 ）
对
#1版本
说：
谢了，不过我调边距是因为柱子数据值大了不是整数的话会跟右边的数值隔的有点远，想调近点，调右边的值调不动，后面发现是柱子的占位问题，设置了x轴的boundaryGap:{'0%','-5%'}属性就可以了，这是柱子的两边自动留白
s***e（2020-07-24 02:48:49 ）
对
#1版本
说：
为啥设置title不起作用
凌***殇 回复 s***e（2020-07-24 07:52:27 ）
对
#1版本
说：
可以啊 title:{ text:'我是标题', x:'center', textStyle:{ color:"#fff" } },
代码修改记录
#1
2020-06-16 07:50:28
由
凌***殇
在
#-1
基础上修改
代码对比
使用的第三方脚本
暂无脚本！
扫码下载案例 - 本地运行调试
×
案例内资源下载：https://www.makeapie.cn/资源地址
第三方脚本
Ai代码助手
下载案例
运行
1
2
var
salvProName
=
[
"
安
徽
省
"
,
"
河
南
省
"
,
"
浙
江
省
"
,
"
湖
北
省
"
,
"
贵
州
省
"
,
"
江
西
省
"
,
"
江
苏
省
"
,
"
四
川
省
"
,
"
云
南
省
"
,
"
湖
南
省
"
]
;
var
salvProValue
=
[
239
,
181
,
154
,
144
,
135
,
117
,
74
,
72
,
67
,
55
]
;
הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
5.6.0
5.6.0-rc.1
5.5.1
5.5.1-rc.1
5.5.0
5.5.0-rc.2
5.5.0-rc.1
5.4.3
5.4.3-rc.1
5.4.2
5.4.2-rc.1
5.4.1
5.4.1-rc.1
5.4.0
5.4.0-rc.1
5.3.3
5.3.3-rc.1
5.3.2
5.3.2-rc.1
5.3.1
5.3.1-rc.1
5.3.0
5.3.0-rc.1
5.2.2
5.2.1
5.2.0
5.1.2
5.1.1
5.1.0
5.0.2
5.0.1
5.0.0
5.0.0-rc.1
5.0.0-beta.2
5.0.0-beta.1
5.0.0-alpha.2
5.0.0-alpha.1
4.9.0
4.8.0
4.7.0
4.6.0
4.5.0
4.5.0-rc.2
4.5.0-rc.1
4.4.0
4.4.0-rc.1
4.3.0
4.3.0-rc.2
4.3.0-rc.1
4.2.1
4.2.1-rc.3
4.2.1-rc.2
4.2.1-rc.1
4.2.0-rc.2
4.2.0-rc.1
4.1.0
4.0.4
4.0.3
4.0.2
4.0.1
4.0.0
3.8.5
3.8.4
3.8.3
3.8.2
3.8.1
3.8.0
3.7.2
3.7.1
3.7.0
3.6.2
3.6.1
3.6.0
3.5.4
3.5.3
3.5.2
3.5.1
3.5.0
3.4.0
3.3.2
3.3.1
3.3.0
3.2.3
3.2.2
3.2.1
3.2.0
3.1.10
3.1.9
3.1.8
3.1.7
3.1.6
3.1.5
3.1.4
3.1.3
3.1.2
3.1.1
3.0.2-beta3
3.0.2-beta2
3.0.2-beta1
3.0.1
3.0.0
3.0.0-beta4
3.0.0-beta3
3.0.0-beta2
3.0.0-beta1
2.2.8
2.2.7-beta7
2.2.7-amd-beta2
2.2.7-amd-beta1
2.2.1-amd-beta1
运行版本：^
4.8.0
Tips：如不显示可切换版本试试
Console调试
Console调试
QQ/微信交流群
×
