如何在多个下拉列表中选择更多项目,在图表上添加更多内容

时间:2018-01-17 13:28:23

标签: kendo-ui kendo-grid

我有一个多选dropDownList和一个图表,我希望我的图表能够根据我的多选下拉列表进行更多绘图,但我不知道,如果你通过演示或示例给我一个提示,我将不胜感激。因为在下面的代码中,我有一个图表只能使用正常的下拉列表,而不是multichioce,

这是Multiselect:

$('#multiselect').kendoMultiSelect({
                          dataTextField: "Text",
                          dataValueField: "Text",
                          valuePrimitive: true,
                          dataSource: result.list_of_parks,

                })

这是图表:

  function createChart(data, data_wind) {

                        $("#topMonth").kendoChart({                             
                            series: [{
                                data: data,
                                type: "column",
                                axis: "l100km",
                                field: "productionvalue",
                                categoryField: "name",
                                color: "#228B22"
                            },
                                {
                                    axis: "ava",
                                    data: data_wind,
                                    type: "line",
                                    field: "windvalue",
                                    categoryField: "name",
                                    color: "#007eff",
                                },
                            ],
                            valueAxes: [
                                     {
                                         name: "l100km",
                                         title: { text: "Production (MW/H)" },
                                         //  min: 0,
                                         // max: 2000000,
                                         // majorUnit: 200000,

                                         majorGridLines: {
                                             visible: false
                                         },
                                         minorGridLines: {
                                             visible: false
                                         },

                                     },
                                 {
                                     name: "ava",
                                     title: { text: "Averge Wind Speed(KM/H)" },
                                     min: 0,
                                     // max: 20,                        
                                     majorUnit: 1,
                                     majorGridLines: {
                                         visible: false
                                     },
                                     minorGridLines: {
                                         visible: false
                                     },

                                 }
                            ],
                            categoryAxis: {
                                majorGridLines: {
                                    visible: false
                                }
                             ,
                                labels: {
                                    padding: {
                                        left: -20,
                                        buttom: 0
                                    },
                                    rotation: 340

                                },

                                axisCrossingValues: [0, 20],
                            },
                            tooltip: {
                                visible: true,

                                // majorUnit:10,
                                template: " #= value #"
                            },



                        });

                        $(window).on("resize", function () {
                            kendo.resize($(".chart-wrapper"));
                        });
                    }

                }

                   });
        });

0 个答案:

没有答案