HighCharts не отображается в частичном представлении

проблема в нашем проекте была в том, что highcharts вызывает два события:

• DOMContentLoaded
• изменение состояния готовности

https://developer.mozilla.org/en-US/docs/Web/API/Document/readystatechange_event

Highcharts генерирует метод, который не запускается этим обработчиком событий. Мы должны запустить функцию «CreateChart», когда Ajax преуспеет.

if (document.addEventListener) 
{
  document.addEventListener("DOMContentLoaded", function() {
    createChartTargetChart(); //CreateChartFunction !!
  });
}
else if (document.attachEvent) 
{
  document.attachEvent("onreadystatechange", function() {
      if (document.readyState === "complete")
      {
        document.detachEvent("onreadystatechange", arguments.callee);
        createChartTargetChart(); //CreateChartFunction !!
      }
   });
}

Highsoft автоматически генерирует имя функции, в С# вы можете кодировать:

string divId = "xxx"; // = the containers target Id 
var functionName = $"createChart{divId}()";

Я думаю, вы пытаетесь отобразить диаграмму в частичном представлении и отобразить это частичное представление внутри основного представления. Чтобы правильно отображать "PartialView" внутри "MainView" с помощью запроса AJAX, попробуйте следующее:

Основной вид:

@{ ViewBag.Title = "MainView"; }

<script src="~/Scripts/jquery-1.10.2.min.js" type="text/javascript"></script>
<script src="~/Scripts/jquery.unobtrusive-ajax.min.js" type="text/javascript"></script>

<h2>MainView</h2>
<div class="graphDiv" id="MainGraph">
  @Ajax.ActionLink("Team", "GetChart", "Home", new AjaxOptions { HttpMethod = "GET", UpdateTargetId = "TargetForChart", InsertionMode = InsertionMode.Replace, OnSuccess = "" })
  <h2>The chart appears here:</h2>
  <div id="TargetForChart">

  </div>
</div>

Частичный вид:

<!-- Your chart html and js goes here -->

Контроллер:

public class HomeController : Controller
{
    public ActionResult MainView()
    {
        return View();
    }

    public PartialViewResult GetChart()
    {
        List<double> nyValues = new List<double> { 83.6, 78.8, 98.5, 93.4, 106.0, 84.5, 105.0, 104.3, 91.2, 83.5, 106.6, 92.3 };
        List<ColumnSeriesData> nyData = new List<ColumnSeriesData>();
        nyValues.ForEach(p => nyData.Add(new ColumnSeriesData { Y = p }));
        ViewData["tokyoData"] = nyData;
        return PartialView("_Graph");
    }
}

И пока ваше частичное представление содержит правильную логику, не будет никаких причин для того, чтобы оно не отображалось. Если вы продублировали логику инициализации для диаграммы как в MainView, так и в PartialView, я бы посоветовал вам удалить ее из MainView и оставить только в PartialView, где она фактически будет отображаться. Следите за консолью, чтобы обнаруживать и устранять любые ошибки js.