双绑定柱状图与百分比曲线问题

登录

在仪表板设计中，我想要实现一种特殊的柱状图。这种柱状图需要将两个字段的值绑定在一起，而不是简单地用两条柱状图来分别表示这两个字段的值。具体来说，要将“本年预计合同额合计”和“本年预计成本合计”绑定为一组，同时将“截止当期年累预计合同额”和“截止当期年累预计成本”绑定为另一组，共同体现在一个柱状图内。如果项目名称做分组这样一共会出现两条柱状图。此外，我还在这个柱状图的基础上，希望添加一条曲线，曲线以百分比形式显示
类似图片这种

Felix.Li · Felix.Li

您这个应该需要配合脚本代码，把显示数值做一些修正，以下是一个简单的参考:

const stacks = ["stacks1","stacks2"]
option.series.forEach((ser,index) => {
if(index < 2){
ser.stack = stacks[0]
}else{
ser.stack = stacks[1]
}
})
return option

复制代码

把前两个数据放在同一个stacks 即可

yaosongyuan · yaosongyuan

本帖最后由 yaosongyuan 于 2025-5-27 16:21 编辑

Felix.Li 发表于 2025-5-27 10:05
您这个应该需要配合脚本代码，把显示数值做一些修正，以下是一个简单的参考:

这种需求能实现吗，也是上面的需求只是堆叠变成对比渐变效果了也是左值轴绑定两个字段
右值轴绑定两个字段最后的效果出现两条柱状谁的值大颜色更加深也是要有曲线

Felix.Li · Felix.Li

按照您的，左轴邦两个，右轴邦两个，和我的左轴邦4个，其实再代码里面里面获取数据是一样的，但是您的还要求有折现，所以分开绑定肯定不方便，还是左边绑定4个，右边绑定一个简单。然后至于您说的颜色，这个就得咱们自己判断一下了，
您可以再:
option.series[0-3].data 拿到所有的数据，
然后您应该得判断一下谁的值大，然后把把大的标识存起来。
然后可以再 option.series[0-3].style.color 可以改变颜色，您根据这个可以改一下具体脚本

		自动登录	找回密码
密码			立即注册

[已处理] 双绑定柱状图与百分比曲线问题

最佳答案

3 个回复

本帖子中包含更多资源

Wyn高级认证

Wyn认证