Динамическая старшая диаграмма не отображается в Angular js

#jquery #asp.net-mvc #highcharts

#jquery #asp.net-mvc #старшие диаграммы

Вопрос:

Старшая диаграмма не отображается в пользовательском интерфейсе angular JS MVC c#

Ниже приведен мой код, и я получаю это [9.0,10.99,15.5,19.7,7.0,13.2] данные динамически. Я пробовал по-разному, но это не работает.

Я впервые работаю над высокими графиками. Может кто-нибудь, пожалуйста, помочь мне в этом

       <script src="https://code.highcharts.com/highcharts.js"></script>
   <script src="https://code.highcharts.com/modules/exporting.js"></script>
    <script src="https://code.highcharts.com/modules/export-data.js"></script>
    <script src="https://code.highcharts.com/modules/accessibility.js"></script>


   <div id="container" style="min-width:310px; height:400px;margin:0 auto"></div>

  <script type="text/javascript">
  $(document).ready(function () {
    debugger;
    var Params = [];
    var DSet = [];

    var PprofileId = 1;
    var PparamName = 'Motor RPM';
    $.ajax({
        type: 'POST',
        url: '/ThirdPartyDriveData/GetDriveDataByIdAndName',
        data: { profileId: PprofileId, paramName: PparamName },
        success: function (data) {
            debugger;
            $.each(data.data, function (index, item) {
                debugger;
                if (item.Dataset != '' amp;amp; item.Dataset >= 0) {
                    DSet.push(item.Dataset);
                    Params.push(item.ParameterName);
                }
            });
            //alert(result);
            CreateChart(DSet, Params);
            //alert(response);
        },
        Error: function () { }

    });
   });

   function CreateChart(DSet) {

    debugger;
    Highcharts.chart('container', {
        chart: {
            type: 'line'
        },
        title: {
            text: 'Monthly Average Temperature'
        },
        subtitle: {
            text: 'Source: WorldClimate.com'
        },
        xAxis: {
            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
        },
        yAxis: {
            title: {
                text: 'Temperature (°C)'
            }
        },
        plotOptions: {
            line: {
                dataLabels: {
                    enabled: true
                },
                enableMouseTracking: false
            }
        },
        series: [{
            name: 'Parameter',
            data: DSet
        }]
      });
     }
     </script>
  

Может кто-нибудь, пожалуйста, помочь мне в этом

Комментарии:

1. Не могли бы вы сказать мне, получаете ли вы какие-либо конкретные ошибки? Я протестировал вашу конфигурацию диаграммы, и, похоже, она работает правильно. Живая демонстрация: jsfiddle.net/BlackLabel/4mqwL9y8

2. Я не получаю никаких ошибок, просто ничего не отображается. и никаких ошибок

3. Когда я передаю динамический объект вместо статического массива, ничего не отображается

4. Не могли бы вы воспроизвести проблему в онлайн-редакторе, чтобы я мог выяснить, что не работает? Поскольку ваша конфигурация диаграммы верна, вероятно, что-то связано с данными, которые вы пытаетесь передать в верхние диаграммы.

5. Я после прочтения документа Highcharts обнаружил проблему. Нам нужно применить функцию parseFloat к динамическому массиву. Это решило мою проблему.