1

我一直在对 NativeScript图表的 UI 进行一些试验——顺便说一句，这很棒——但我遇到了一个我似乎无法弄清楚的奇怪问题。

在 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 上消失？

4

1 回答 1

0

您可以使用LinearAxislabelFormat的属性并将其设置为所需的格式。例如，要使其显示不带任何尾随零的浮点值，您可以使用“%.0f”格式：

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

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

于 2016-12-22T15:30:50.223 回答