有没有办法在 Kendo ui 中向折线图动态添加多个垂直轴？答案

【问题标题】：Is there any way to Add multiple vertical axis dynamically to Line chart in Kendo ui?有没有办法在 Kendo ui 中向折线图动态添加多个垂直轴？
【发布时间】：2014-06-04 11:33:51
【问题描述】：

有没有办法在 Kendo ui 的折线图中动态添加多个垂直轴？现在我在剑道ui折线图中使用以下sn-p作为2个垂直轴

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 中的折线图，请告诉我。

【问题讨论】：

为什么用jQuery标记？
请查看下面的链接，它会对您有所帮助。如果您遇到任何问题，请告诉我。 jayeshgoyani.blogspot.in/2013/05/…
@JayeshGoyani：感谢您的回复。您的链接用于动态添加多个线系列，但我想要多个垂直轴（Y 轴）而不是线系列。
@user3706745，请在我的（回答）帖子中查看以下演示。您可能会了解如何在剑道图表中添加系列和值轴。如果您有任何疑问，请提供您的代码 sn-p。

标签： javascript asp.net kendo-ui telerik kendo-chart

【解决方案1】：

请尝试以下代码 sn-p 和 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);
                            }
                        });
                    });

请查看下面的演示以获得更多说明。

Demo

【讨论】：