首页 文章

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

提问于
浏览 次
1

我一直在做一些试验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”和“10.00”等键 .

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

nativescript nativescript-telerik-ui

1 回答

  • 0

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

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

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

    回复于

相关问题