Индикатор выполнения задачи диаграммы Ганта OnClick, во всплывающем окне Modal должны быть загружены детали задачи

Question

См. Прилагаемую диаграмму Ганта. При нажатии на модальное всплывающее окно хода выполнения задачи должно открыться

  plotOptions: {
                    series: {
                            point: {
                                events: {
                                        click: (event) => {
                                            console.log(event);
                                            $('#demoModal').modal('show');
                                    }


                                }
                            }
                    }
                }

После того, как я нажму на каждую прогресс задачи , открывается модальное окно со следующими

Код для вышеуказанного модального всплывающего окна:

  <!-- Modal -->
   <div class="modal fade" id="demoModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
       <div class="modal-dialog">
            <div class="modal-content">
                  <div class="modal-header">
                         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                         <h4 class="modal-title" id="myModalLabel">Task Progress Indicator</h4>
                   </div>
                    <div class="modal-body">Task Progress Indicator</div>

                    <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                   <%-- <button type="button" class="btn btn-primary">Save changes</button>--%>
                    </div>
            </div>
        </div>
 </div>

Я использую c# с asp. net. Попытка загрузить значения Dynami c с помощью метода C#. Как вызвать метод c#?

Где мне нужно поместить этот кусок кода

var activePoints = chart1.getElementsAtEvent(evt);
                                                                if (activePoints[0]) {
                                                                    var chartData = activePoints[0]['_chart'].config.data;
                                                                    var idx = activePoints[0]['_index'];

                                                                    var label5 = " ";
                                                                    var value5 = " ";
                                                                    label5 = chartData.labels[idx];
                                                                    value5 = chartData.datasets[0].data[idx];




                                                            $.ajax({
                                                            type: "POST",
                                                            dataType: "json",
                                                            contentType: "application/json; charset=utf-8",
                                                            url: "Performance.aspx/getLineChartData2",

                                                            data: "{'chartlabels':'" + label5 + "', 'chartyear':'" + pData[0] + "'}",

                                                            success: OnSuccess,
                                                            error: OnErrorCall_


                                                            });


                                                                    function OnSuccess(response) {

                                                                        $("#jsonDiv").html(response.d);
                                                                    }


                                                                }
                                                            };