Vega-Lite设置sort('-y')时小数转百分比后排序异常

这个排序异常和Vega-Lite本身的排序逻辑无关，核心是混淆了原始数据值和显示格式的边界：

• .sort('-y')的排序规则是直接读取y对应字段的原始值做降序比较，整个排序过程完全不会参考你给y轴配置的显示格式。
• 当d字段存的是普通数值型小数时，排序按数值大小逻辑执行，结果自然正确。
• 当你把d字段换成“百分比格式数值”时，大概率是直接把带%后缀的字符串（比如"15%"、"3%"）作为字段值传入了数据。此时即使你用.fieldQ('d')声明这是定量字段，Vega-Lite拿到字符串类型的值也会按字典序排序：字典序逐字符比较时，"15%"的首字符是"1"，"3%"的首字符是"3"，"1"的排序优先级在"3"前面，就会出现15%被判定为比3%小的错乱结果，和你遇到的异常表现完全匹配。

不要把格式化后的百分比字符串存入原始数据集：

• 原始数据里的d字段始终存储0~1区间的数值类型小数
• 百分比的显示效果只需要在y轴配置里单独设置格式即可，不需要改动原始值，这样排序和显示都能正常工作。

正确写法参考：

vl.markLine().data(video_data).encode(
  vl.x()
    .fieldN('names') // 名义类型的名称字段
    .sort('-y'),  // 按y字段原始数值降序排序
  vl.y()
    .fieldQ('d') // 字段值保持为0-1的数值型小数，不要存带%的字符串
    .axis({format: '%'}) // 仅在坐标轴渲染时把数值转成百分比格式展示
)

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