如何解决highcharts画大数据时画图效率问题

作者&投稿:边震 (若有异议请与网页底部的电邮联系)
如何解决highcharts画大数据时画图效率问题~

可以 问一下 是 是什么场景下 ? 该highchart 是 什么图?Area 图?

先用ajax jquery 访问 般处理程序.般处理程序 用三层架构 获取数据库数据比数据集(或表格) 逻辑处理层 转换json 格式 返般处理程序 转换json数据 respon.write ajax success 获取date
-

方法一:在Axis(包括xAxis和yAxis)有一个属性tickInterval,number类型,表示间隔,也就是间隔多少个值显示,比如设置为5,则表示每隔5个值才显示一个,在上面的基础上,经过设置tickInterval值为5,效果如下:

1
2
3
4
5
6
7
8
9

xAxis: {
tickInterval: 5,
categories:['2013-08-01 00:00:00','2013-08-01 00:00:10','2013-08-01 00:00:20','2013-08-01 00:00:30','2013-08-01 00:00:40','2013-08-01 00:00:50','2013-08-01 00:01:00','2013-08-01 00:01:10','2013-08-01 00:01:20','2013-08-01 00:01:30','2013-08-01 00:01:40','2013-08-01 00:01:50','2013-08-01 00:02:00','2013-08-01 00:02:10','2013-08-01 00:02:20','2013-08-01 00:02:30','2013-08-01 00:02:40','2013-08-01 00:02:50','2013-08-01 00:03:00','2013-08-01 00:03:10','2013-08-01 00:03:20','2013-08-01 00:03:30','2013-08-01 00:03:40','2013-08-01 00:03:50','2013-08-01 00:04:00'],
labels:{
x:45,//调节x偏移
//y:-35,//调节y偏移
//rotation:25//调节倾斜角度偏移
}
},

方法二:设置滚动条


普林斯顿战术图解
如果防守者X4在对抗中占据上风并隔断了传球路线,O4就应立刻背向切入篮底等待队友的高吊传球。Nh'_}Wn0High Post EntryNBA中国球迷社区\/f B7x8iV.H(Uo3QWB'r*j0持球者O1传球给高位的O5,然后O1和O2同时向篮下切入等待O5喂球。NBA中国球迷社区C2{igY)a6F%kNBA中国球迷社区e-~,P...

机车店名字怎么起?
有创意的摩托车店如何起名1、起名字具有亲切感在给店铺起名时,名字一定不要太死板,要具有亲和力并且听起来也要悦耳,因为不论开什么店铺,都是服务于他人的,所以名字产生亲切感了,自然就会吸引到消费者,而且要突出亲切、亲和,仁义、诚信等特点,这也是商业的根本,能够使得顾客对其的信任作用。2、名...

宁阳县19786655736: highcharts 数据量过大,几万条数据,怎么解决显示问题 -
翁帝爱民: 方法一:在Axis(包括xAxis和yAxis)有一个属性tickInterval,number类型,表示间隔,也就是间隔多少个值显示,比如设置为5,则表示每隔5个值才显示一个,在上面的基础上,经过设置tickInterval值为5,效果如下:xAxis: { tickInterval: 5,...

宁阳县19786655736: HighCharts 柱状图问题 -
翁帝爱民: 这个很简单,设置Y轴不显示负数就可以了 上代码 yAxis: { allowDecimals: 'false', //控制数轴是否显示小数. min: 0, //控制数轴的最小值 max: 10000, //控制数轴的最大值 }最大数自己可以调,也可以不写最大数 希望能帮到你

宁阳县19786655736: Highcharts折线图上面的节点太大了,能不能不显示 -
翁帝爱民: 解决方案: 把data里面的数字都转成数字型即可.代码如下:var num='12';var data=new Array();data.push(parseInt(num));Highcharts 是一个用纯JavaScript编写的一个图表库, 能够很简单便捷的在web网站或是web应用程序添加有交互性的图表,并且免费提供给个人学习、个人网站和非商业用途使用.HighCharts支持的图表类型有曲线图、区域图、柱状图、饼状图、散状点图和综合图表.

宁阳县19786655736: 如何处理highcharts x轴数据过多时显示问题》 -
翁帝爱民: 老问题了,处理办法有很多种,例如设置 xAxis.tickInterval = 20 // 指定只显示 20个x轴标签,更多内容见 Highcharts中文网

宁阳县19786655736: Highcharts的问题 -
翁帝爱民: 显示与隐藏在series. visible,比如显示第一条折现,隐藏第二条,设置如下:series: [{ data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4], ...

宁阳县19786655736: highcharts图标的X轴数值怎么设置 -
翁帝爱民: highcharts 坐标轴: Axis Labels坐标轴标签(分类).Labels常用属性有enabled、formatter、setp、staggerLines enabled 是否启用Labels.x,y轴默认值都是true,如果想禁用(或不显示)Labels,设置该属性为false即可. Formatter 标签格式...

宁阳县19786655736: highcharts画饼图时会出现还不全,需要鼠标移过才显示 -
翁帝爱民: 1. 建议将 chart中的renderTo : divId 删掉,然后换成 $(divId).highcharts({...});2. 建议将所有style中的 fontFamily : '微软雅黑' 替换为 fontFamily : 'Microsoft YaHei' 毕竟是外国人的产品,对中文支持未必那么好3. 引入最新版的highCharts报表js,...

宁阳县19786655736: 如何对highcharts 柱状图进行制作与选择 -
翁帝爱民: 步骤一:老规矩,插入highcharts.js和jquery.min.js<br><br>步骤二:先做柱状图<br>先设置一个container的ID,高和宽自己定,这里,我定稿为400px<br><br>然后是图表的js:<br><br>说明一:在输入月份等类型时候,也可以写成英文,写成中...

宁阳县19786655736: highcharts几条线选择图例显示怎么设置 -
翁帝爱民: 这里将针对highcharts图表组件内的图例legend展开讲述,图例的显示位置调整,亮瞎你的双眼! 一、将图例Legend放于图表右侧 1、设置chart的marginRight属性值 chart: { marginRight: 120 }, 2、设置legend图例属性值如下 legend: { align: 'right'...

宁阳县19786655736: highcharts 柱状图如果有负数要怎么显示 -
翁帝爱民: 这个很简单,设置Y轴不显示负数就可以了 上代码12345 yAxis: { allowDecimals: 'false', //控制数轴是否显示小数. min: 0, //控制数轴的最小值 max: 10000, //控制数轴的最大值 } 最大数自己可以调,也可以不写最大数

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网