Highcharts Highchart线图中的多条线和更多点需要30秒才能显示

Highcharts Highchart线图中的多条线和更多点需要30秒才能显示,highcharts,Highcharts,我在vaadin应用程序中使用highcharts。对于单线图,它以最佳方式工作。 如果我放49行,每行包含2048个值。我已经禁用了标记,阴影, 工具提示,动画。但谷歌chrome和firefox分别需要30秒和30秒以上的时间才能显示该图。如何快速显示。下面给出了代码 String s = ""; s+="chart = Highcharts.setOptions(Highcharts.theme);"+ " chart = new Highcharts.C

我在vaadin应用程序中使用highcharts。对于单线图,它以最佳方式工作。 如果我放49行,每行包含2048个值。我已经禁用了标记,阴影, 工具提示,动画。但谷歌chrome和firefox分别需要30秒和30秒以上的时间才能显示该图。如何快速显示。下面给出了代码

String s = "";
s+="chart = Highcharts.setOptions(Highcharts.theme);"+
                "  chart = new Highcharts.Chart({\n" + 
                "            chart: {\n" + 
                "                renderTo: 'container5',\n" + 
                "                type: 'line',\n" +                 
                "            },\n" + 
                "            title: {\n" + 
                "                text: 'Intensity Graph'\n" + 
                "            },\n" +
                "            xAxis: {\n" + 
                "            min:0,\n"+
                "            max:2100,\n"+
                "            tickInterval:100,\n"+
                "                labels: {\n" + 
                "                    rotation: -45,\n" + 
                "                    align: 'right',\n" + 
                "                    style: {\n" + 
                "                        fontSize: '13px',\n" + 
                "                        fontFamily: 'Verdana, sans-serif'\n" + 
                "                    }\n" + 
                "                }\n" + 
                "            },\n" + 
                "        yAxis: {\n" + 
                "           title:{\n" + 
                "            text:''\n" +               
                "           },"+                
                "             min:0,\n"+
                "             max:255,\n"+  
                "            tickInterval:20,\n"+
                "        },\n" + 
                "plotOptions: {\n" + 
                "            series: {\n" + 
                "                marker: {\n" + 
                "                    enabled: false,\n" +                   
                "                    shadow : false,\n"+
                "                    animation : false\n"+              
                "            },"+
                "color: '#00FF00',\n"+
                "            lineWidth: 0.1"+   
                "           },"+            
                "        },"+
                " tooltip: {\n" + 
                "            enabled: false\n" + 
                "        },"+
                "            legend: {\n" + 
                "                enabled: false\n" + 
                "            },\n" + 
//              "            tooltip: {\n" + 
//              "                formatter: function() {\n" + 
//              "                    return '<b>'+ this.x +'</b><br/>'+\n" + 
//              "                        'lux: '+ Highcharts.numberFormat(this.y, 1) +\n" + 
//              "                        ' px';\n" + 
//              "                }\n" + 
//              "            },\n" + 
                "                series: [{\n" + 
                "                name: 'Ejection Count',\n" + 
                "                data: [" +
                "],\n" + 
                "                dataLabels: {\n" + 
                "                    enabled: true,\n" + 
                "                    rotation: -90,\n" + 
                "                    color: '#FFFFFF',\n" + 
                "                    align: 'right',\n" + 
                "                    x: -3,\n" + 
                "                    y: 10,\n" + 
                "                    formatter: function() {\n" + 
                "                        return this.y;\n" + 
                "                    },\n" + 
                "                    style: {\n" + 
                "                        fontSize: '13px',\n" + 
                "                        fontFamily: 'Verdana, sans-serif'\n" + 
                "                    }\n" + 
                "                }\n" + 
                "            }]\n" + 
                "        });" +             
                "  });");

long len = 2,kk1 = 0;
            Highchart hc = new Highchart();
            byte[] cor = new byte[4584];// I am adding this array content to the graph
                    StringBuffer sb = new StringBuffer();
            try
            {
                for (long l = 0; l < len; l++) 
                {
                    sb.append(" this.chart.addSeries({\n" + 
                    "            data: [" );    
                    for (int i = 0; i < 2; i++) 
                {                   
                        if(i == 0)
                        {
                        //2048 points
                            for (int j = 0,k = 276; k < 2324; j++,k++) 
                        {
                                    if(j == 2323)
                            {   
                              sb.append(cor[k]) ;
                            }                           
                            else 
                            {
                              sb.append((cor[k] +",");
                            }
                        }
                        }                      
                }
                    sb.append("],"+
                    "     redraw :false,\n"+
                    "     animation:false\n"+
                    "});") ;                                        
                }   
                } 
                catch (FileNotFoundException e) 
                {
                    // TODO Auto-generated catch block
                    e.printStackTrace();
                }
                catch (IOException e)
                {
                    // TODO Auto-generated catch block
                    e.printStackTrace();
                }
                sb.append("this.chart.redraw();");  
                        hc.drawChart(sb.toString());

                        }   
String s=”“;
s+=“chart=Highcharts.setOptions(Highcharts.theme);”+
“图表=新的Highcharts.chart({\n”+
“图表:{\n”+
“renderTo:'container5',\n”+
“类型:'行',\n”+
“},\n”+
“标题:{\n”+
“文本:'强度图'\n'+
},\n+
“xAxis:{\n”+
最小值:0\n+
最大值:2100,\n+
时间间隔:100\n+
“标签:{\n”+
“旋转:-45,\n”+
“对齐:'右',\n”+
“样式:{\n”+
“fontSize:'13px',\n”+
“fontFamily:‘Verdana,无衬线’\n”+
“}\n”+
“}\n”+
“},\n”+
“yAxis:{\n”+
“标题:{\n”+
“文本:“”\n”+
"           },"+                
最小值:0\n+
“最大值:255,\n”+
时间间隔:20\n+
“},\n”+
“打印选项:{\n”+
“系列:{\n”+
“标记:{\n”+
“已启用:错误,\n”+
阴影:错误,\n+
“动画:错误\n”+
"            },"+
颜色:'#00FF00',\n+
“线宽:0.1”+
"           },"+            
"        },"+
“工具提示:{\n”+
“已启用:错误\n”+
"        },"+
“图例:{\n”+
“已启用:错误\n”+
“},\n”+
//“工具提示:{\n”+
//“格式化程序:函数(){\n”+
//“返回“”+此.x++'
'+\n”+ //“'lux:'+Highcharts.numberFormat(this.y,1)+\n”+ //“'px';\n”+ //“}\n”+ //“},\n”+ “系列:[{\n”+ “名称:'弹射计数',\n”+ “数据:[”+ “],\n”+ “数据标签:{\n”+ “已启用:真,\n”+ “旋转:-90,\n”+ “颜色:'#FFFFFF',\n”+ “对齐:'右',\n”+ “x:-3\n”+ “y:10\n”+ “格式化程序:函数(){\n”+ “返回此.y;\n”+ “},\n”+ “样式:{\n”+ “fontSize:'13px',\n”+ “fontFamily:‘Verdana,无衬线’\n”+ “}\n”+ “}\n”+ “}]\n”+ " });" + " });"); 长len=2,kk1=0; Highchart hc=新的Highchart(); 字节[]cor=新字节[4584];//我正在将此数组内容添加到图形中 StringBuffer sb=新的StringBuffer(); 尝试 { 用于(长l=0;l