【问题标题】:Highchart X-axis truncate shows weird charactersHighchart X轴截断显示奇怪的字符
【发布时间】:2015-04-17 10:46:31
【问题描述】:

我在截断 highcharts x 轴标签时遇到问题。在我的网站中,当标签被截断时,它会在这张图片中显示这个奇怪的字符

当我在 JSFiddle 中使用相同的代码时,它似乎工作正常,而不是奇怪的字符,它显示 ... 就像它应该的那样

有人遇到过同样的问题吗?我在 JSFiddle 中使用相同的导入和相同的 jQuery 版本。

我认为这可能是编码问题,但我在 JSFiddle 中使用 UTF-8 进行编码。

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

这里是JSFiddle link,希望有人能帮助我。

提前致谢!

【问题讨论】:

  • 确保您的 HTML 文件也以 UTF-8 编码。并尝试直接使用来自 Highcharts CDN 的文件,而不是本地文件 - 可能在保存文件时它被转换为 CP1250 或类似的东西。
  • 我已经尝试过了,但结果是一样的。我什至将 tomcat 编码设置为 UTF-8,但似乎没有任何效果。
  • 我仍然希望生成的 HTML 不是 UTF-8。试试这个:xAxis: { categories: Highcharts.getOptions().lang.months } 如果你遇到同样的问题,请告诉我。
  • 是的,它仍然有同样的问题:/
  • 我们也有同样的问题。此外,当我们让渲染的页面图表使用省略号时,导出的图表(使用最新的 java+phantomJS 构建)仍然具有无效字符。我们通过修改 highstock.js 代码以使用“...”(3 个句点)而不是省略号字符来解决此问题。

标签: javascript jquery highcharts


【解决方案1】:

好吧,毕竟 Paweł Fus 的第一条评论是对的

确保您的 HTML 文件也以 UTF-8 编码。并尝试直接使用来自 Highcharts CDN 的文件,而不是本地文件 - 可能在保存文件时它被转换为 CP1250 或类似的东西。


通过将 highcharts 库保存为 UTF-8 解决了这个问题。

为此,我必须更改 eclipse 的编码,就像这里所说的 How to change default text file encoding in Eclipse? 一样,然后我保存了 .js 文件。

【讨论】:

    【解决方案2】:

    试试这个:overflow:"justify" 用于在您的情况下溢出的标签。

    这是参考:http://api.highcharts.com/highcharts#xAxis.labels

    见jsFiddle

    【讨论】:

    • 对不起,它没有用。此外溢出属性已被弃用,因此不建议使用它
    猜你喜欢
    • 1970-01-01
    • 2023-04-05
    • 1970-01-01
    • 1970-01-01
    • 2021-11-04
    • 1970-01-01
    • 2019-07-12
    • 2014-11-04
    • 2016-08-09
    相关资源
    最近更新 更多