altair - 带有水平连接图表的两个标题
问题描述
我想连接两个图表,然后美化生成的组合图表(添加一些漂亮的背景)。这里重要的一件事是尝试保留两个图表的标题。
当我尝试这样做时,我要么得到只有一个标题的美化组合图表,要么得到一个错误:ValueError: Objects with "background" attribute cannot be used within HConcatChart. Consider defining the background attribute in the HConcatChart object instead.
这是我尝试过的一些虚拟代码片段。
尝试#1,它只产生一个标题:
import altair as alt
from vega_datasets import data
source = data.cars()
line = alt.Chart(source).mark_line().encode(
x='Year',
y='mean(Miles_per_Gallon)'
)
band = alt.Chart(source).mark_errorband(extent='ci').encode(
x='Year',
y=alt.Y('Miles_per_Gallon', title='Miles/Gallon'),
)
combined = band | line
combined
combined.properties(background = '#f9f9f9',
title = alt.TitleParams(text = 'General title',
subtitle = ['Subtitle'],
font = 'Ubuntu Mono',
fontSize = 22,
color = '#3E454F',
subtitleFont = 'Ubuntu Mono',
subtitleFontSize = 16,
subtitleColor = '#3E454F')
)
尝试#2,它会产生一个值错误:
line2 = line.properties(background = '#f9f9f9',
title = alt.TitleParams(text = 'General title 1',
subtitle = ['Subtitle'],
font = 'Ubuntu Mono',
fontSize = 22,
color = '#3E454F',
subtitleFont = 'Ubuntu Mono',
subtitleFontSize = 16,
subtitleColor = '#3E454F')
)
band2 = band.properties(background = '#f9f9f9',
title = alt.TitleParams(text = 'General title 2',
subtitle = ['Subtitle'],
font = 'Ubuntu Mono',
fontSize = 22,
color = '#3E454F',
subtitleFont = 'Ubuntu Mono',
subtitleFontSize = 16,
subtitleColor = '#3E454F')
)
line2 | band2
有没有办法实现我想要的?或者 Altair 还不允许这样做?
解决方案
您可以在单个图表上指定标题,在组合图表上指定背景:
line2 = line.properties(
title = alt.TitleParams(text = 'General title 1',
subtitle = ['Subtitle'],
font = 'Ubuntu Mono',
fontSize = 22,
color = '#3E454F',
subtitleFont = 'Ubuntu Mono',
subtitleFontSize = 16,
subtitleColor = '#3E454F')
)
band2 = band.properties(
title = alt.TitleParams(text = 'General title 2',
subtitle = ['Subtitle'],
font = 'Ubuntu Mono',
fontSize = 22,
color = '#3E454F',
subtitleFont = 'Ubuntu Mono',
subtitleFontSize = 16,
subtitleColor = '#3E454F')
)
combined = band2 | line2
combined.properties(background = '#f9f9f9')
推荐阅读
- php - 如何将 php 设置为默认为 curl 请求使用特定的 TLS 版本?
- postgresql - 设置自定义 postgres pid 和日志文件
- c# - 如何在 Xamarin.UiTest 中使用自动化 id 单击元素?
- php - 如何在a中显示父子多维数组
- java - 有什么方法可以关闭后端产生的 MqttClient 线程?
- haskell - 可以在 (& f %~) 和 (^. f) 等运算符来自 Lens 库的情况下应用的函数的类型签名是什么?
- c# - SendGrid 抛出“将内容复制到流时出错”
- tensorflow - 如何防止某些权重的梯度计算
- html - 如何使用 css 和 flexbox 在所选侧导航项的末尾显示箭头?
- javascript - AngularJS - 通过绑定将函数从父级传递到子级控制器