как управлять несколькими диаграммами и сетками в представлении (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)
    );
  }
}

но все же мне нужно передать параметры, а это значит, что я должен написать все снова, я хотел бы, чтобы вы, ребята, сказали мне, как мы должны управлять всем этим на странице?