iOS调用image-charts的graphviz URL时，chl参数能否用类HTML标签？

核心结论 #

Image-Charts提供的Graphviz解析器不支持带尖括号的HTML类标签语法，不管是节点label的<xxx>格式还是直接用尖括号作为节点名，都会触发语法解析错误，和你遇到的报错完全吻合。

特殊字符（音乐符号）的替代解决方法 #

既然原始字符串、Unicode格式渲染有问题，别用HTML实体，试试以下两种方式：

1. Graphviz原生Unicode转义：在chl字符串里直接用Unicode转义序列，比如：
   • 升号♯：\u266F
   • 降号♭：\u266D
   • 度数符号°：\u00B0
     示例代码片段：

   let graphText = "digraph { Cma13 [label=\"C major 13\\u266F\"]; Cma13 -> Cma9; }"
   let queryItem = URLQueryItem(name: "chl", value: graphText.addingPercentEncoding(withAllowedCharacters: .urlQueryAllowed))
   

2. URL编码后的Unicode字符：直接把特殊字符做URL编码后拼入chl参数，比如升号编码为%E2%99%AF，降号为%E2%99%AD，度数符号为%C2%B0。

为什么HTML标签方案不可行 #

Image-Charts的Graphviz实现是简化版，不像本地的Graphviz Visual Editor那样完整支持HTML-like label语法。尖括号会被解析器当成非法语法起始符，即使你转义成<或\>，解析器也不会识别为HTML标签，只会把这些转义字符当成普通文本显示，达不到你要的效果。

替代格式化方案 #

如果需要对节点label做简单格式化，用Graphviz原生支持的语法：

• 用\n实现换行
• 用\"包裹带空格的字符串
• 部分Graphviz版本支持\b加粗、\i斜体（可自行测试是否兼容Image-Charts）

内容的提问来源于stack exchange，提问作者Jacob Smolowe