如何向右显示轴?

时间:2017-03-29 08:48:21

标签: kendo-ui kendo-chart

我有3个轴(velue轴)

可以在左侧显示一个轴

右边显示的其他两个轴?

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

感谢。

1 个答案:

答案 0 :(得分:2)

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

 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,所以在我的调整中我将它应用于crossingAxis:

axisCrossingValues: [32, 15, 0]

这有效地告诉每个值轴应该放在哪里:

这样:

  • “rain”应位于第32位
  • “wind”应位于第15位
  • “temp”应位于0

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

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