1

私はNativeScriptのチャートの UI を使っていくつかの実験を行ってきましたが、これはすばらしいものです。

Android では、コントロール スイートはすべての数値ラベルを小数点 (「15」ではなく「15.0」) でレンダリングするのが大好きです。私の場合 (そしておそらくほとんどの場合)、この動作は望ましくなく、これを回避する方法を考え出そうとしていますが、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のプロパティを使用して、目的の形式に設定できます。たとえば、末尾のゼロなしで float 値を表示するには、「%.0f」形式を使用できます。

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

nativescript-telerik-ui-pro プラグインのすべてのコンポーネントに関する多くの質問への回答を見つけることができる、専用のNativeScript UI フォーラムを使用できることに注意してください。また、24 時間以内に回答を提供する専用の有料サポート チケット システムを利用することもできます。詳細については、こちらを参照してください。

于 2016-12-22T15:30:50.223 に答える