表格、矩阵和新卡片图都支持SVG图像,这使得这三个内置视觉对象可以自定义的多种多样的图表,我已经分享过几百种样式。理论上表格矩阵可以显示的SVG图表在新卡片图也能正常显示,它们对SVG语法的支持程度是相同的,但是有读者反映有时候会遇到显示问题。
例如如下度量值绘制了一条直线,把度量值标记为图像URL,然后放入表格,可以看到正常显示。
但是把这条直线放入新卡片图的图像URL后,却显示不出来。这是为什么呢?
经查看这是引号位置导致的,上方的度量值在开始的双引号和data:image/svg+xml;utf8,之间进行了换行,导致新卡片图无法识别。只要把二者放在同一行,横线即可正常显示了。而表格矩阵无论哪种情况都可以正常显示。
新卡片图视觉对象2023年诞生以来这个bug一直就存在。当前的状况下,无论是使用SVG图标,还是SVG自定义图表,把双引号和data:image/svg+xml;utf8,放在同一行就可以保证不出差错了。