LightweightCharts百分比价格轴负百分比显示异常字符求助

这个问题属于LightweightCharts 3.8.0版本的已知bug，社区内已有不少用户反馈过类似情况，以下是可行的解决办法：

• 升级版本：直接升级到LightweightCharts 3.8.1及以上的稳定版本，官方已经在后续版本中修复了这个负百分比标签渲染异常的问题。
• 自定义格式化函数临时修复：如果暂时无法升级版本，可以通过自定义价格轴的tickFormatter函数来手动处理标签内容，避免异常字符出现，示例代码如下：

  chart.applyOptions({
    priceScale: {
      mode: 1, // 对应Percentage模式
      tickFormatter: (value) => {
        // 将数值转换为百分比格式并确保符号正常显示
        const percentageValue = (value * 100).toFixed(2);
        return `${percentageValue}%`;
      }
    }
  });
  

• 检查CSS干扰：排查是否有自定义CSS样式影响了价格轴标签的渲染，比如设置了不支持常规符号的特殊字体，建议为图表容器设置通用无衬线字体，例如：

  .lightweight-charts-container {
    font-family: Arial, Roboto, sans-serif;
  }
  

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