使用highcharts画折线图与后台数据相结合 但是没有出现线与原点

    var chart ;
    $scope.makeImage = function(){
       chart = new Highcharts.Chart({
            chart: {
                renderTo: 'container',
                type: 'line',
                marginRight: 130,
                marginBottom: 100
            },
            title: {
                text: '走势图',
                x: -20 //center
            },
            xAxis: {
                categories : []
            },
            yAxis: {
                title: {
                    text: '%'
                },
                plotLines: [{
                    value: 0,
                    width: 1,
                    color: '#808080'
                }]
            },
            tooltip: {
                formatter: function() {
                        return '<b>'+ this.series.name +'</b><br/>'+
                        this.x +': '+ this.y +'%';
                }
            },
            legend: {
                  layout: 'vertical',
                  align: 'center',
                  verticalAlign: 'bottom',
                  borderWidth: 0
              },
            series: $scope.create()
        });
    }
    $scope.create = function(){
        var series = new Array();
        var data = [];
        for(var i=0; i<$scope.SeriesData.length; i++) {
            data.push({
              x: i+1,
              y: new Number($scope.SeriesData[i].Data)
            });
          }
        series.push({"name": "基金1", "data": data});
        return series;
    }
 
 
 
如上  ,我结合angular.js与highcharts 画一个走势图。当我从后台获取数据并为series赋值后发现。X轴与Y轴数据正常,并且每个X轴对应的Y轴数据也正常  就是不显示线和点  求大神指点
QQ图片20151021121534.png
已邀请:

阿旺拿木剑 - 90 it男 java前后端

赞同来自: john

你是data是不是string的数组啊,转成number的试试,我也是angularjs结合HighChart的,之前也是遇到这样的问题,你试下,或者你直接把你的值复制到网站上直接测试下,也好找问题

要回复问题请先登录注册