【问题标题】:How to display the axis to the right?如何在右侧显示轴?
【发布时间】:2017-03-29 08:48:20
【问题描述】:

我有 3 个轴(velue-axis)

一个轴可以显示在左边吗

另外两个轴要显示在右边吗?

http://demos.telerik.com/kendo-ui/line-charts/multiple-axes (本例中轴位于右侧,但不知如何配置)

谢谢。

【问题讨论】:

    标签: kendo-ui kendo-chart


    【解决方案1】:

    当您第一次看演示时,这并不完全清楚。重要的是要看这个部分:

     categoryAxis: {
                     categories: [], 
                     axisCrossingValues:[]//This is the fella you are looking for. 
                   }
    

    我稍微调整了演示,以向您展示图表中间的轴之一。 http://dojo.telerik.com/ASidu

    数字只是图表上应该呈现轴的位置column。默认情况下,如果未设置,则所有轴都应正常位于左侧。但是如果我们开始应用一个大于 0 的数字,那么轴就会移动。因此,在示例中,我们设置了 3 个值轴:

     valueAxes: [{
                        name: "rain",
                        color: "#007eff",
                        min: 0,
                        max: 60
                    }, {
                        name: "wind",
                        color: "#73c100",
                        min: 0,
                        max: 60
                    }, {
                        name: "temp",
                        min: -30,
                        max: 30
                    }],
    

    所以如果我们从穿过 y 轴(即底轴)的角度来看它们,我们有 31 列可供我们使用 1- 31 所以在我的调整中,我已将其应用于 crossAxis:

    axisCrossingValues: [32, 15, 0]
    

    这有效地告诉了每个值轴它们应该定位的位置:

    所以:

    • “rain”应该在位置 32
    • “风”应该在位置 15
    • “temp”应该在位置 0

    因此,您添加值轴的顺序将根据您包含它们的顺序确定它们采用的设置。

    希望这有助于为您解决问题。如果您需要更多信息,请告诉我,我会相应更新

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2022-12-11
      • 1970-01-01
      • 2018-01-29
      • 1970-01-01
      • 2011-03-10
      • 2015-12-13
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多