Пользовательский интерфейс для NativeScript RadCharts по умолчанию использует метки с десятичными знаками.

Я экспериментировал с диаграммами UI для NativeScript - они, по Кстати, но у меня возникла странная проблема, которую я не могу понять.

На Android контрольный пакет любит отображать все мои числовые метки с десятичной точкой, то есть «15.0», а не «15». В моем случае (и, вероятно, в большинстве случаев) такое поведение нежелательно, и я пытаюсь найти способ обойти это, но я ничего не вижу в документации API.

Чтобы дать конкретный пример того, что я имею в виду, вот простейший в мире пример, демонстрирующий это поведение в действии.

<!-- main-page.xml -->
<Page 
  xmlns:chart="nativescript-telerik-ui-pro/chart"
  loaded="pageLoaded">
  <StackLayout>
    <chart:RadCartesianChart height="500">
      <chart:RadCartesianChart.series>
        <chart:LineSeries
          items="{{ data }}"
          categoryProperty="key"
          valueProperty="value">
          <chart:LineSeries.horizontalAxis>
            <chart:CategoricalAxis />
          </chart:LineSeries.horizontalAxis>
          <chart:LineSeries.verticalAxis>
            <chart:LinearAxis />
          </chart:LineSeries.verticalAxis>
        </chart:LineSeries>
      </chart:RadCartesianChart.series>
    </chart:RadCartesianChart>
  </StackLayout>
</Page>

// main-page.js
var frameModule = require("ui/frame");
var Observable = require("data/observable").Observable;

var pageData = new Observable();
pageData.data = [
  { key: "One", value: 10 },
  { key: "Two", value: 20 }
];

exports.pageLoaded = function(args) {
  var page = args.object;
  page.bindingContext = pageData;
};

С помощью этого кода в iOS вы получаете вертикальную ось с такими клавишами, как «0, 4, 8, 12», а в Android на этой же оси есть такие клавиши, как «0.00,« 5.00 »и« 10.00 ».

Как я могу убрать десятичные точки на Android?


nativescript nativescript-telerik-ui
person TJ VanToll    schedule 20.12.2016    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Вы можете использовать свойство labelFormat объекта LinearAxis и установите желаемый формат. Например, чтобы он отображал значения с плавающей запятой без каких-либо завершающих нулей, вы можете использовать формат "% .0f":

<chart:LineSeries.verticalAxis>
     <chart:LinearAxis android:labelFormat="%.0f"/>
</chart:LineSeries.verticalAxis>

Стоит отметить, что вы можете использовать специальные форумы NativeScript UI, где можно найти ответы на многие вопросы, касающиеся всех компонентов плагина nativescript-telerik-ui-pro. Вы также можете воспользоваться специальной платной системой поддержки билетов, которая предоставляет ответы не дольше 24 часов, дополнительную информацию можно найти здесь.

person Vladimir Amiorkov    schedule 22.12.2016