如何在 Nativescript 中显示两个线性轴？

Question

我有一个 LineSeries 和一个 BarSeries，我需要两个使用两个 Y 轴。我如何在 Nativescript 中实现此目的 angular?

Answer 1

您可以通过HTML设置多个轴，如下：

<RadCartesianChart tkExampleTitle tkToggleNavButton>
    <LinearAxis tkCartesianVerticalAxis horizontalLocation="Left"></LinearAxis>
    <CategoricalAxis tkCartesianHorizontalAxis verticalLocation="Down"></CategoricalAxis>

    <LineSeries tkCartesianSeries seriesName="RateA" [items]="rateA" stackMode="Stack" categoryProperty="Country" valueProperty="Amount"></LineSeries>
    <LineSeries tkCartesianSeries seriesName="RateB" [items]="rateB" stackMode="Stack" categoryProperty="Country" valueProperty="Amount"></LineSeries>
    <LineSeries tkCartesianSeries seriesName="RateC" [items]="rateC" stackMode="Stack" categoryProperty="Country" valueProperty="Amount"></LineSeries>
    <BarSeries tkCartesianSeries seriesName="Total" [items]="total" stackMode="Stack" categoryProperty="Country" valueProperty="Amount">
        <LinearAxis tkBarVerticalAxis horizontalLocation="Right"></LinearAxis>
    </BarSeries>
</RadCartesianChart>

可以找到完整的例子here

如何在 Nativescript 中显示两个线性轴？

How to display two linear axis in Nativescript?

nativescript

angular2-nativescript