Есть ли способ динамически добавить несколько вертикальных осей к линейной диаграмме в Kendo ui?

Есть ли способ динамически добавить несколько вертикальных осей к линейной диаграмме в Kendo ui? прямо сейчас я использую следующий фрагмент для 2 вертикальных осей в линейной диаграмме kendo ui

valueAxes: [{
        name: "test",
        color:"#07eeff",
              labels: {
                format: "{0}pu"
        }        
    }, {
        name: "test1",
        color:"#07eeff",
      labels: {
                format: "{0}C"
        }
    }
            ],

Для справки я использую следующую ссылку: http://docs.telerik.com/kendo-ui/getting-started/dataviz/chart/overview#multiple-value-axes

Если есть способ динамически добавить несколько вертикальных осей (через данные JSON) в линейную диаграмму в Kendo-ui, сообщите мне об этом.


javascript asp.net telerik kendo-ui kendo-chart
person user3706745    schedule 04.06.2014    source источник
comment
почему это было помечено jQuery?   -  person Murali Murugesan    schedule 04.06.2014
comment
Пожалуйста, проверьте ссылку ниже, это поможет вам. Дайте мне знать, если вы столкнетесь с какой-либо проблемой. jayeshgoyani.blogspot.in/2013/05/   -  person Jayesh Goyani    schedule 04.06.2014
comment
@JayeshGoyani: Спасибо за ваш ответ. Ваша ссылка предназначена для динамического добавления нескольких рядов строк, но я хочу несколько вертикальных осей (ось Y), а не ряды строк.   -  person user3706745    schedule 04.06.2014
comment
@user3706745 user3706745, пожалуйста, посмотрите демо ниже в моем (ответном) посте. Вы можете получить представление о том, как добавить ряды и оси значений в диаграмму кендо. Пожалуйста, предоставьте фрагмент кода, если у вас есть какие-либо проблемы.   -  person Jayesh Goyani    schedule 04.06.2014

Ответы (1)


arrow_upward
0
arrow_downward

Пожалуйста, попробуйте с приведенным ниже фрагментом кода и DEMO.

$.each(valueAxes, function (index, valueAxes) {
                            if (valueAxes.name == nodeText.trim()) {
                                checkedAxes.push(valueAxes);
                                checkedAxes.visible = true;
                            }
                        });

                        $.each(series, function (index, series) {
                            if (series.name == nodeText.trim()) {
                                checkedSeries.push(series);
                            }
                        });
                    });

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

Демо

person Jayesh Goyani    schedule 04.06.2014