波斯farsi长文本未在highcharts甘特图的列中正确显示

问题描述

在此example中,列的单元格包含一些较长的波斯(波斯语)文本,因此您可以在Gantt图表及其导出中看到这些文本的位置不正确。而且,如果我将这些文本替换为英文文本,它们的位置将是正确的!

为了示例,我手动编写了示例文本。

columns: [
          {
            title: {
              text: 'First Column'
            },useHTML: true,labels: {
              format: 'نتاکم کنمت کمنت کمنتشس اکمسنتشیکنمیتیک تک تکنتسی ن خهت کمنت من کمنت کمنت ه کمنت ',align: 'center',style: {
              direction: 'rtl',overflowWrap: 'break-word',wordWrap: 'break-word',width: '350px'

              }
            }
          
          }
         ]

解决方法

align设置为left应该可以解决此问题。

演示:https://jsfiddle.net/BlackLabel/bhm3yqvo/

  columns: [{
    title: {
      text: 'First Column'
    },labels: {
      format: 'نتاکم کنمت کمنت کمنتشس اکمسنتشیکنمیتیک تک تکنتسی ن خهت کمنت من کمنت کمنت ه کمنت ',align: 'left'
    } 
  }]

编辑:

根据下面的评论-我想到的另一个解决方案是使用formatter回调将这些标签呈现为独立的HTML元素。我需要指出一件事-本演示中使用的脚本是来自master分支的脚本,因为存在此错误-https://github.com/highcharts/highcharts/issues/10281-在下一个版本发布后,它可以与常规脚本正常工作。>

演示:https://jsfiddle.net/BlackLabel/q8wx2egL/