如何在视图中管理多个图表和网格（CSHTML）

Question

我是编程方面的新手，我非常需要你的帮助，因为我的代码变成了噩梦，在我看来，我必须调用10次以上，不同的网格和图表，网格或多或少都是一样的，所以我创建了一个像这样的javascript方法：

 function createDynamicGrid(chartId,source,column) {
    chartId.kendoGrid({
      dataSource: {
        data: source,
      },
      height: 350,
      scrollable: true,
      sortable: true,
      filterable: true,
      columns: column
  });
}

每次我需要它时我会调用它并传递参数，但对于我的不同图表，故事是不同的，其中一些是多轴，其中一些是两轴线或列甚至饼图，想象一下单页，如果每次我写一个图表，我在一个页面中有多少行代码，为图表创建一个类我也尝试过：

function createDynamicChart(chartId, options) {
  function createChart() {
    $(chartId).kendoChart(
      $.extend(true, {}, options)
    );
  }
}

但我仍需要传递选项，这意味着我必须再次编写所有内容，我希望你们告诉我应该如何管理页面中的所有内容？