微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

动态highchart未显示Angular js

如何解决动态highchart未显示Angular js

UI 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 != '' && 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>

有人可以帮我吗

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。