Есть ли какое-либо свойство для текста направления rtl в круговой диаграмме Google на фреймворке IONIC?что-то вроде «direction: rtl»? - PullRequest
Новая
       13

Есть ли какое-либо свойство для текста направления rtl в круговой диаграмме Google на фреймворке IONIC?что-то вроде «direction: rtl»?

0 голосов
/ 01 апреля 2019

Я использую круговую диаграмму Google в своем приложении IONIC и хочу отобразить легенду и заголовок в направлении rtl.

Вот моя функция рисования диаграммы: 

drawChart () { // Create the data table.

    var data = new this.googleChartLibrary.visualization.DataTable();

    data.addColumn('string', 'Activity Name');
    data.addColumn('number', 'Hours');
    data.addRows([
      ['חיים עוזר פ"ת', 8],
      ['ההגנה 25 פ"ת', 8],
      ['ד"ר פון פיקס אור יהודה', 2],

    ]);

    // Instantiate and draw our chart, passing in some options.
    var chart = new this.googleChartLibrary.visualization
      .PieChart(document.getElementById('pie-chart-div'));

    chart.draw(data, {
      'title': 'סניפים',
      'width': 400,
      'height': 300,

      // Here, have a some option as described below?

      titleTextStyle: { fontSize: 12, bold: true},
      chartArea: { width: '100%', height: '100%', left: 70, top: 100 },
      is3D: true,
      legend: { position: 'right',  textStyle: { fontSize: 12, bold: true } }

    });
  }

Во втором аргументе вызова chart.draw есть объект, который содержит параметры, мне нужна конкретная опция, которая вызоветтекст, который будет написан справа налево (rtl).

Кто-нибудь знает, как его настроить?

1 Ответ

1 голос
/ 01 апреля 2019

В общем, если вы хотите изменить свое приложение Ionic на RTL, вы можете изменить атрибут dir в index.html.

В index.html изменение файла:

<html lang="en" dir="ltr">

до:

<html lang="he" dir="rtl">

Если изменение в файле index.html не помогает, вы можете попробовать вручную изменить атрибут dir в элементе круговой диаграммы Google следующим образом: 

document.getElementsByTagName(<your pie chart tag>)[0].setAttribute('dir', 'rtl');

Для получения более подробной информации об атрибуте options перейдите по этой ссылке Параметры конфигурации круговой диаграммы .

Дополнительно, чтобы сделать ваш код более понятным и читаемым, я рекомендую использовать следующую структуру: 

data = ... #you data
options = ... #your options
chart.draw(data, options)

Удачи

...