Question

我一直在尝试使用UI for 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”和＆amp; “10.00”。

如何让Android上的小数点消失？

Answer 1

您可以使用LinearAxis的labelFormat属性并将其设置为所需的格式。例如，为了使它显示没有任何尾随零的浮点值，您可以使用＆＃34;％。0f＆＃34;格式：

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

值得一提的是，您可以使用专用的NativeScript UI forums，在那里您可以找到有关nativescript-telerik-ui-pro插件的所有组件的许多问题的答案。您还可以利用专门的付费支持票务系统，该系统提供的答案不超过24小时，可以找到更多信息here。

NativeScript RadCharts的UI默认使用带小数的标签

1 个答案: