【问题标题】:Two Vertical LinearAxis lines, one to the left and one to the right. Is this possible?两条 Vertical LinearAxis 线,一条在左边,一条在右边。这可能吗?
【发布时间】:2018-11-13 14:40:09
【问题描述】:

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

这是我现在正在使用的代码,它只给了 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>

这是模板输出的图像:

【问题讨论】:

    标签: nativescript angular2-nativescript nativescript-telerik-ui


    【解决方案1】:

    NativeScript 图表对象只有一个水平轴和一个垂直轴的属性。因此,即使从技术上讲,您可以在 &lt;RadCartesianChart&gt; ... &lt;/RadCartesianChart&gt; 中插入任意数量的轴元素,但对象本身只会接受一个。

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

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

    【讨论】:

    • 这是一个很好的答案,谢谢!我会提出功能请求并希望最好!
    • 您可能需要检查是否已经有针对它的功能请求。我没有检查.. :)
    • 别担心我会的
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-03-25
    • 1970-01-01
    • 1970-01-01
    • 2021-11-13
    • 1970-01-01
    • 2021-03-25
    相关资源
    最近更新 更多