Highcharts延x轴缩小

原创 2015年07月10日 11:04:40

Highcharts延x轴缩小

严格意义上,Highcharts只提供了放大功能,并没有提供缩小功能。如果用户想缩小坐标轴,只能通过重置按钮回到原来的大小,再重新缩放。实际实现该功能可以通过第三方插件Zoom Out Selection实现。

放大状态

从右向左缩小图表


PS:该内容已经加入《网页图表Highcharts实践教程基础篇》v1.2.2中。
版权声明:本文为博主原创文章,未经博主允许不得转载。

Highcharts x轴为时间时,设置plotBands

Highcharts 时,x轴为时间,设置plotBands情节带。当设置x轴数据时,将时间进Date.UTC处理,UTC() 方法可根据世界时间返回 1970 年 1 月 1 日 到指定日期的毫秒数...
  • cc_fys
  • cc_fys
  • 2017年09月06日 20:45
  • 302

highcharts 动态生成x轴和折线图

测试代码 /* css 代码 */ ...
  • zhao1949
  • zhao1949
  • 2017年06月01日 08:27
  • 1579

highcharts中如何正确显示时间格式的x轴

我从后台取到数据,用highchart绘图后,发现y轴的值和提示框tooltip中显示的都是正确的,但x轴的时间没有正确显示,显示的是1970-01-01。 这个问题花了我将近一天的时间,才解决了。 ...
  • fangna_iot
  • fangna_iot
  • 2016年07月08日 16:48
  • 8440

Highcharts隐藏x轴文字的方法

xAxis: {     labels: {         enabled: false     } },
  • yw1688
  • yw1688
  • 2014年09月23日 17:00
  • 1482

【工作记录0019】Hightcharts 修改缩放(x/y/xy轴放大或缩小)按钮的文字

主要用到了Hightchart 的全局配置: //Highcharts 全局配置 Highcharts.setOptions({ // 所有语言...
  • adamlevine7
  • adamlevine7
  • 2017年04月07日 15:17
  • 320

HighCharts自定义坐标轴刻度

Highcharts.js图表自身,会根据y轴的数值,计算出一套y轴刻度,但是有时这种自带的计算方式并不符合我们的要求,这时,我们可以自己写一套算法。       虽然yAxis的tickInterv...
  • u012932883
  • u012932883
  • 2016年04月07日 11:21
  • 8922

Highcharts:X轴分组堆叠图

Hightchart双X轴分组堆叠图
  • yueritian
  • yueritian
  • 2014年11月20日 10:39
  • 3361

highcharts柱形图中x轴数据的类型

这两天在用highcharts做统计图表,
  • zhouyingge1104
  • zhouyingge1104
  • 2014年07月15日 16:03
  • 2824

HighCharts自定义坐标轴显示内容

要绘制一个这样的图(如下图):Y轴为数量,X轴为时间,大约240个值,那么此时,X轴不可能完全显示,只选择整点来显示。所以这里需要自定义X轴的显示 直接看代码: 在上面的这个div上绘...
  • treesky
  • treesky
  • 2011年12月26日 18:28
  • 4123

用highcharts动态获取值,以及x轴值可以改变

$(document).ready(function (){         var options = {                 chart: {                  ...
  • liuliujingjing
  • liuliujingjing
  • 2012年08月06日 15:32
  • 15904
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Highcharts延x轴缩小
举报原因:
原因补充:

(最多只允许输入30个字)