0 0

highcharts中x轴问题5

我想动态刷新一条曲线,x轴是时间刻度,是随着点的增加拉长的,而不是固定的多少刻度,这个应该怎么写
2014年8月21日 00:14

2个答案 按时间排序 按投票排序

0 0

highcharts 中有一个实例 spline-irregular-time,里面的 x 轴刻度就不是固定的。当改变浏览器大小的时候,x 轴刻度能变化。你可以看看。

2014年8月26日 17:20
0 0

无需配置X 轴,它会自动缩放的,只要你添加的点在当前刻度时间之外。

                     load: function() {                                              
                                                                                    
                        // set up the updating of the chart each second             
                        var series = this.series[0];                                
                        setInterval(function() {                                    
                            var x = (new Date()).getTime(), // current time         
                                y = Math.random();                                  
                            series.addPoint([x, y], true, false);                    
                        }, 1000);                                                   
                    }                                                               
                }                                                                   
 }

2014年8月21日 14:13

相关推荐

    最新highcharts中文API.pdf

    最新highcharts中文API 代码说明 defaultSeriesType:图表类别,可取值有:line、...xAxis:X轴,数据以数组的形式组装 yAxis:Y轴,数据以数组的形式组装 tooltip:提示信息 series:ajax获得数据放到数据里

    highcharts 动态指定 x y数据

    highcharts 动态指定 x y数据

    Highcharts学习之坐标轴

    所有的图表除了饼图都有X轴和Y轴,默认情况下,x轴显示在图表的底部,y轴显示在左侧(多个y轴时可以是显示在左右两侧),通过设置chart.inverted = true 可以让x,y轴显示位置对调。 下面一起来学习学习Highcharts的...

    Highcharts-8.1.2.zip

    75% 的直角坐标系(包含 X轴 和 Y轴)图表中是时间轴图表,因为 Highcharts 对时间轴的处理非常智能。Highcharts 以毫秒为单位,可以精确的计算出月、周、日、小时、分钟等时间刻度的位置。 exporting导出和打印 ...

    highcharts demo

    这是highcharts的一个简单demo,主要是以时间作为X轴来实现的

    highcharts中文帮助文档

    官方文档 https://api.hcharts.cn/

    highcharts加载多条曲线数据

    NULL 博文链接:https://747017186.iteye.com/blog/2196221

    HighCharts中文帮助文档

    9、xAxis:X轴选项 13 10、yAxis:Y轴选项 14 11、Series:数据列选项 15 12、plotOptions:数据点选项 17 13、Tooltip:数据点提示框 19 14、Legend:图例选项 20 15、Navigation按钮和图例选项 21 16、Loading 21 ...

    纯Javascript的统计图形报表,带实例和详细的说明文档 Highcharts

    plotBackgroundColor 主图表区背景色,即X轴与Y轴围成的区域的背景色 null plotBorderColor 主图表区边框的颜色,即X轴与Y轴围成的区域的边框颜色 null plotBorderWidth 主图表区边框的宽度 0 shadow 是否设置阴影,...

    highcharts视图的三种使用操作

    工作中关于视图的复杂操作很多,但查找案例时发现都不是自己需要的。我花时间将自己用到的三种操作实现后整理了一下,希望能帮到有相同需求的...1.异步设置x轴y轴数据 2.视图中添加下拉框筛选数据 3.异步添加数据的案例

    Highcharts案例.rar

    显示辅助线(x轴上) 5. 显示一个饼图,要求显示data2.txt中的浏览器用户数据。 6. 在第5个案例的基础上,要求点击某个浏览器扇形后,在另外一个容器中显示该浏览器具体的用户使用数据,具体数据在data3.txt...

    Highcharts详细解读API

    Highcharts详细解读API 代码说明 defaultSeriesType:图表类别,可取值有:line、spline、...xAxis:X轴,数据以数组的形式组装 yAxis:Y轴,数据以数组的形式组装 tooltip:提示信息 series:ajax获得数据放到数据里

    Highcharts 多个Y轴动态刷新数据的实现代码

    下面小编就为大家带来一篇Highcharts 多个Y轴动态刷新数据的实现代码。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    highcharts-axis-labels-shorten:Highcharts 的 XAxis 标签缩短和标签跳过插件

    这是一个用于 Highcharts 的插件,用于缩短 x 轴上的标签并在标签过多时跳过一些标签。 跳过和缩短标签时,插件会尊重字体系列和字体大小设置。 免责声明:此插件仅适用于 svg 渲染。 用法 配置 x 轴以缩短标签。 ...

    Highcharts入门之基本属性

    坐标轴(Axis):有x坐标(xAxis)和y坐标(yAxis)  3.数据列(Series):每个曲线,每个柱形条组,每个饼图的部分  4.数据提示框(Tooltip):鼠标放上去的提示框  5.图例(Legend):通过点击标示可以显示或...

    Highcharts 气泡图

    Highcharts 气泡图 ...chart.zoomType 属性可配置图表放大 ,通过拖动鼠标进行缩放,沿x轴或y轴进行缩放,可以设置为:’x’,’y’,’xy’。 var chart = { type: 'bubble', zoomType: 'xy' };

    Highcharts 散点图

    Highcharts 散点图 本章节我们将为大家介绍...chart.zoomType 属性可配置图表放大 ,通过拖动鼠标进行缩放,沿x轴或y轴进行缩放,可以设置为:’x’,’y’,’xy’。 var chart = { type: 'scatter', zoomType: 'xy'

    highstock设置x轴标签格式.txt

    highstock设置x轴时间默认为毫秒,可根据需要设置自己的格式

    highcharts-show-last-points:将最后点显示为y轴附近的一列

    高图显示最后一点将最后点显示为y轴附近的一列

    webix-highcharts:webix highcharts组件

    被入侵的setParams()方法,该方法目前仅允许设置X轴限制 问题: highcharts库需要预先加载。 (如果不使用jQuery,则需要一段特殊的代码('highcharts-standalone'))。 奇怪的(随机)调整大小问题(至少在...

Global site tag (gtag.js) - Google Analytics