иврит (язык rtl) поле аргумента dxchart devexpress - PullRequest
0 голосов
/ 05 апреля 2020

У меня проблема с отображением полей аргументов на иврите только в inte rnet explorer. График игнорирует пробел между словом и числом, когда он на иврите. (Я проверил на английском sh, и это было нормально). Мой вопрос заключается в том, как исправить эту ошибку и правильно отобразить пространство. Я прилагаю код графика и проблему на фотографии. спасибо за вашу помощь:)

я использую js .dev express 19.2.6 (dx.all. js)

self.barChartData.forEach(function(row, index) {
  var monthfullName = moment(row.month, 'MM')
    .locale('he')
    .format('MMM');
  var yearfullName = moment(row.year, 'YYYY').format('YY');
  row.fullName = monthfullName + ' ' + yearfullName; //hebrew month and year number (the space should be between)
});
var dataSource = self.barChartData;
var tempDate = new Date();
var currMonth = new Date(tempDate);
$scope.chartOptions = {
  dataSource: dataSource,
  palette: ['#e56717'],
  barGroupPadding: 0.5,
  commonSeriesSettings: {
    argumentField: 'fullName', //this is the hebrew part
    type: 'bar',
    cornerRadius: 5,
    barWidth: 8,
    selectionMode: 'allArgumentPoints',
    label: {
      visible: true,
      format: {
        type: 'fixedPoint',
        precision: 0,
      },
      font: {
        color: '#000',
        size: '1em',
      },
      customizeText: function(arg) {
        return $filter('mizrahiNumber')(arg.value, 'currency', 2, false);
      },
      backgroundColor: 'trnasparent',
    },
  },
  commonAxisSettings: {
    visible: false,
    tick: { visible: false },
    grid: {
      opacity: 0,
      visible: false,
    },
    label: { visible: true },
  },
  series: [
    { valueField: 'expensesPerMonth' }, /// Y axis
  ],
  title: {},
  legend: {
    visible: false,
    position: 'outside',
    verticalAlignment: 'top',
    horizontalAlignment: 'right',
    cornerRadius: 35,
    barRadius: 5,
  },
  argumentAxis: {
    opacity: 0,
    tick: {
      opacity: 0,
    },
    label: {
      overlappingBehavior: {
        mode: 'enlargeTickInterval',
      },
      font: {
        size: '1em',
        weight: 500,
      },
    },
  },
  valueAxis: {
    allowDecimals: true,
    opacity: 0,
    grid: {
      opacity: 0,
    },
    tick: {
      opacity: 0,
    },
    maxValueMargin: 0.5,
    label: {
      visible: false,
      customizeText: function() {
        return '<div>' + $filter('mizrahiNumber')(this.value, 'number', 2, false, '') + '</div>';
      },
    },
  },
  export: {
    enabled: false,
  },
};

вот фотография: my bug

...