Highcharts Highchart线图中的多条线和更多点需要30秒才能显示
我在vaadin应用程序中使用highcharts。对于单线图,它以最佳方式工作。 如果我放49行,每行包含2048个值。我已经禁用了标记,阴影, 工具提示,动画。但谷歌chrome和firefox分别需要30秒和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
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