javascript - HighChart 图表在 Xaxis 上对齐错误..无法在 JSFiddle 上重现

Question

我是 Jquery 的初学者..我有一个 highchart 图表。其中数据在 Xaxis 中显示在后面一列。

我想在 jsFiddle 中重现我的图表..我从 beloe Graph 获得了帮助

Refered Graph

这是我的代码:

$(function () {  
var highOptions = {

        chart: {
            type: 'line',
            renderTo: 'container2',
            zoomType: 'x',
            marginTop: 100

        },

        title: {
            text: 'Score'
        },

        subtitle: {
            text: '  '
        },

        xAxis: {
            title: {
                text: 'XXX'
            },
            categories: [],
            labels: {
                rotation: 45,
                step: 1,
                y: 30
            }
        },

        yAxis: [{ // left y axis
            title: {
                text: 'XXX'
            },
            min: 0,
            max: 9,
            plotLines: [{
                value: 7.5,
                color: '#ff0000',
                width: 2,
                zIndex: 4,
                label: { text: 'XXX' }
            }]
        }],

        plotOptions: {
            column: {
                dataLabels: {
                    enabled: true,
                    formatter: function () {
                        return Highcharts.numberFormat(this.y, 1);
                    }
                }
            }
        },
        legend: {
            align: 'left',
            verticalAlign: 'top',
            y: 20,
            floating: true,
            borderWidth: 0
        },

        tooltip: {
            shared: true,
            crosshairs: true
        },
        series: []
    };

         var unibiki = [] ;
         unibiki.push("Fin");
         unibiki.push("Chi");
         unibiki.push("G_F");
         unibiki.push("G_I");
         unibiki.push("G_F");
         unibiki.push("F_F");
         unibiki.push("l_G");
         unibiki.push("F_Fi");
         unibiki.push("l_G");
         unibiki.push("F_I");
         unibiki.push("I_I");

        var soft =[];

        var soft1=[];

        soft1.A="XXL"   
        soft1.City="XXlu"   
        soft1.C="XXnd"  
        soft1.E0="0"    
        soft1.E1="2"    
        soft1.E2="1"    
        soft1.E3="2"    
        soft1.E4="1"    
        soft1.E5="0"    
        soft1.E6="0"    
        soft1.E7="0"    
        soft1.E8="0"    
        soft1.E9="0"    
        soft1.E10="0"   
        soft1.XXScore="4"   
        soft1.XXScore="1"   
        soft1.Median="3"    
        soft1.NoOfRespondents="6"   
        soft1.OldCountry        
        soft1.OldSWVer      
        soft1.PercentageResponses="75"  
        soft1.Program="XXS" 
        soft1.SurveyDate="XX06" 
        soft1.Rd=2.33   
        soft1.A="0.1.0" 
        soft1.UserBase="8"  

        soft.push(soft1);

     highOptions.xAxis.categories = [0.1.0,0.2.0,0.3,0.4,0.5,0.6,0.7,0.8];

    highOptions.subtitle.text = "XXX:";
    chart = new Highcharts.Chart(highOptions);

 for (var x = 0; x < unibiki.length; x++) {

        newLP = [];

        var aName = unibiki[x];
        for (i = 0; i < soft.length; i++) {
            if (unibiki[x] == soft[i].A + "_" + soft[i].C) {
                newLP.push([soft[i].A, parseFloat(soft[i].Rd)]);

            }
        }

        chart.addSeries({
            name: aName,
            data: newLP
        }, false);
    }
       });

这是我的图表

My Graph JSfiddle

我的数组加载正确，我运行 JSHint ..它说某些变量未定义..我这样做了..仍然图形不可见。 需要一些建议。 任何建议都会有帮助

Answer 1

控制台中显示“意外数字”。修复以下行中的前两个数字:

highOptions.xAxis.categories = [0.1.0,0.2.0,0.3,0.4,0.5,0.6,0.7,0.8];