两条垂直LinearAxis线,一条向左,一条向右。这可能吗?

问题描述 投票:0回答:1

我没有在文档中看到这样做,我似乎无法弄清楚它是否可能。我需要图表显示左边的一条垂直线和右边的一条垂直线,不同的值,值可能相同但单位类型不同。

这是我现在正在使用的代码,它只给med一个右边的行。

<RadCartesianChart class="chart" [ngSwitch]="" tkExampleTitle tkToggleNavButton>
<RadCartesianChartGrid tkCartesianGrid horizontalLinesVisible="true" verticalStrokeColor="#804d0026"></RadCartesianChartGrid>
<LinearAxis tkCartesianVerticalAxis horizontalLocation="Left" android:labelFormat="%.0f"></LinearAxis>
<LinearAxis tkCartesianVerticalAxis horizontalLocation="Right" android:labelFormat="%.0f"></LinearAxis>
<DateTimeContinuousAxis tkCartesianHorizontalAxis dateFormat="hh:mm" [minimum]="backwardHour" [maximum]="forwardHour"
    majorStep="Hour" labelFitMode="Rotate"></DateTimeContinuousAxis>

<LineSeries tkCartesianSeries [items]="transformedReadings" stackMode="Stack" categoryProperty="timestamp" valueProperty="value"></LineSeries>  
<LineSeries tkCartesianSeries [items]="transformedReadings2" stackMode="Stack" categoryProperty="timestamp" valueProperty="value"></LineSeries>

这是模板输出的图像:enter image description here

nativescript angular2-nativescript nativescript-telerik-ui
1个回答
1
投票

NativeScript图表对象仅具有一个水平轴和一个垂直轴的属性。因此,即使你可以在<RadCartesianChart> ... </RadCartesianChart>中技术上插入任意数量的轴元素,对象本身也只接受一个。

可以以这种方式对文档进行改进。此外,检测多个垂直或多个水平轴然后发布警告控制台消息将会很有帮助。

我认为最重要的是,您正在寻找一种允许多轴规格的有用功能。我建议在反馈GitHub页面上将其作为功能请求发布:https://github.com/telerik/nativescript-ui-feedback/

© www.soinside.com 2019 - 2024. All rights reserved.