Как отобразить ось вправо?

У меня есть 3 оси (оси скорости)

Может ли одна ось отображаться слева

Две другие оси отображать справа?

http://demos.telerik.com/kendo-ui/line-charts/multiple-axes (В этом примере ось расположена справа, но я не знаю, как это настроить)

Спасибо.


person enot    schedule 29.03.2017    source источник


Ответы (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]

Это эффективно сообщает каждой из осей значений, где они должны быть расположены:

so:

  • "дождь" должен быть на позиции 32
  • "ветер" должен быть в позиции 15
  • "temp" должен быть в позиции 0

Таким образом, порядок, в котором вы добавляете свои оси ценности, будет определять, какие настройки они примут в зависимости от порядка, в котором вы их включаете.

Надеюсь, это поможет вам прояснить ситуацию. Если вам нужна дополнительная информация, дайте мне знать, и я обновлю ее соответствующим образом.

person David Shorthose    schedule 29.03.2017