Chart.js Линейный график не отображает легенды по умолчанию с использованием метода JQuery Load, возвращая частичное представление, но он отлично работает при использовании @ Html.Partial ("..") - PullRequest
0 голосов
/ 09 ноября 2018

Когда я использую @ Html.Partial ("..."), он работает отлично и показывает легенды также, но когда я загружаю его из нагрузки jquery и возвращаю частичное представление из действия контроллера и получаю его в обратном вызове метода загрузки jquery, тогда Он не показывает легенды, но показывает данные правильно.

Частичное представление:

@model RAMSWeb.Models.LineChartMasterObjectVM
<div class="line-chart-region-statss">
<div class="loading-sec-line-chart-region-stats"><i class="fa fa-spin fa- 
         spinner"></i>Loading...</div>
<div class="box-body chart-responsive" align="center">
<canvas id="weightChart" style="width: 1000px;height: 400px;"></canvas>

Часть скрипта частичного просмотра:

<script type="text/javascript">
var dataNewColor = @Html.Raw(Json.Encode(Model));
var weightChartOptions = {
responsive: true,
scales: {
yAxes: [{
ticks: {
         min: 0,
          max: 100,
           callback: function (value) { return value + "%" }
              },
 scaleLabel: {
                display: true,
                 labelString: "Percentage"
              }
                }]
            },

            legnd: {
                display:true
            }

        };

var ctxsdadasdas = document.getElementById("weightChart") ;
 window.weightChart = new Chart(ctxsdadasdas, {
  type: 'line',
   data:  dataNewColor,
     options: weightChartOptions
  })

Сценарий главной страницы:

var urlLineChartRegion = '@Url.Action("LineChartRegion")';
$('.line-chart-region-statss').load(urlLineChartRegion, "",
        function (responseText, textStatus, XMLHttpRequest) {
            if (textStatus == 'success') {
                $('.loading-sec-line-chart-region-stats').hide();
            }
        });
...