Javascript 用Vega Lite进行可视化：；“表情符号未定义”；

我试图在Vega Lite（）中重现一种可视化效果。我选择表情符号来象征能量来源，而不是动物表情符号。但是我的代码不起作用，看起来Vega无法识别表情符号，因为它标记为“未定义”。我如何帮助vega使用表情符号作为徽标

{
“$schema”：”https://vega.github.io/schema/vega-lite/v5.json",
“配置”：{“视图”：{“笔划”：“}}，
“宽度”：800，
“高度”：200，
“数据”：{
“价值观”：[
{“大陆”：“非洲”，“份额”：“煤炭”}，
{“大陆”：“非洲”，“份额”：“煤炭”}，
{“大陆”：“非洲”，“份额”：“天然气”}，
{“大陆”：“欧洲”，“份额”：“天然气”}，
{“大陆”：“欧洲”，“份额”：“天然气”}，
{“大陆”：“欧洲”，“份额”：“水电”}，
{“大陆”：“欧洲”，“份额”：“核”}，
{“大陆”：“欧洲”，“份额”：“可再生能源”}，
{“大陆”：“欧洲”，“份额”：“可再生能源”}，
{“大陆”：“欧洲”，“份额”：“可再生能源”}，
{“大陆”：“欧洲”，“份额”：“可再生能源”}，
{“大陆”：“欧洲”，“份额”：“可再生能源”}
]
},
“转变”：[
{
“计算”：“{'coal'：'转换计算不正确，您可以使用
数据
从数据访问字段，并根据条件提供
表情符号
值。请参阅以下代码或

{
“$schema”：”https://vega.github.io/schema/vega-lite/v5.json",
“配置”：{“视图”：{“笔划”：“}}，
“宽度”：800，
“高度”：200，
“数据”：{
“价值观”：[
{“大陆”：“非洲”，“份额”：“煤炭”}，
{“大陆”：“非洲”，“份额”：“煤炭”}，
{“大陆”：“非洲”，“份额”：“天然气”}，
{“大陆”：“欧洲”，“份额”：“天然气”}，
{“大陆”：“欧洲”，“份额”：“天然气”}，
{“大陆”：“欧洲”，“份额”：“水电”}，
{“大陆”：“欧洲”，“份额”：“核”}，
{“大陆”：“欧洲”，“份额”：“可再生能源”}，
{“大陆”：“欧洲”，“份额”：“可再生能源”}，
{“大陆”：“欧洲”，“份额”：“可再生能源”}，
{“大陆”：“欧洲”，“份额”：“可再生能源”}，
{“大陆”：“欧洲”，“份额”：“可再生能源”}
]
},
“转变”：[
{
“计算”：“datum.share=‘coal’？”