【发布时间】:2017-03-29 08:48:20
【问题描述】:
我有 3 个轴(velue-axis)
一个轴可以显示在左边吗
另外两个轴要显示在右边吗?
http://demos.telerik.com/kendo-ui/line-charts/multiple-axes (本例中轴位于右侧,但不知如何配置)
谢谢。
【问题讨论】:
标签: kendo-ui kendo-chart
我有 3 个轴(velue-axis)
一个轴可以显示在左边吗
另外两个轴要显示在右边吗?
http://demos.telerik.com/kendo-ui/line-charts/multiple-axes (本例中轴位于右侧,但不知如何配置)
谢谢。
【问题讨论】:
标签: kendo-ui kendo-chart
当您第一次看演示时,这并不完全清楚。重要的是要看这个部分:
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]
这有效地告诉了每个值轴它们应该定位的位置:
所以:
因此,您添加值轴的顺序将根据您包含它们的顺序确定它们采用的设置。
希望这有助于为您解决问题。如果您需要更多信息,请告诉我,我会相应更新
【讨论】: