时间戳

首页 > 解决方案 > 在 devextreme 中关联图表和表格

mongodb - 在 devextreme 中关联图表和表格

问题描述

我想在 devextreme 中关联表格和图表。我想过滤图表也过滤表格。 你能帮助我吗？

标签： mongodbchartsdatagridmean-stackdevextreme

解决方案

您可以通过使用相关数据源的过滤器选项来实现这一点

function chartFilter(ChartInstance, ChartKey, KeyValue, ReloadChartsFunc) {

/*
   ChartInstance = Instance of devExtreme Chart
   ChartKey = filter by ChartKey Field 
   KeyValue = value of ChartKey
   ReloadChartsFunc = Callback function to execute once filter the ds
*/



var searchOperator = "<>";
if (KeyValue != "")
    searchOperator = psChart.option("quickSearchOption");


var ds = ChartInstance.getDataSource();
ds.filter(ChartKey, searchOperator, KeyValue);


ds.load().done(function (result) {

 if (ReloadChartsFunc != undefined && result[0] != undefined && result[0] != null) {

     ReloadChartsFunc(result[0])
 }
 });

}

您可以根据需要做任何您想做的修改上面的代码。

推荐阅读