Highcharts延x轴缩小

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

Highcharts延x轴缩小

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

放大状态

从右向左缩小图表


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

highcharts特殊定制:x轴文字竖直显示(兼容各浏览器)

做项目要用到highchart画柱状图,可是x轴数据文字长度

highcharts日期型X轴示例

highcharts处理日期型X轴比较麻烦,用以下方法可以实现: HTML: 前端脚本: $(function () { var chart...
  • apollokk
  • apollokk
  • 2012年09月27日 17:36
  • 26367

highcharts 动态生成x轴和折线图

测试代码 /* css 代码 */ ...

玩转Highcharts图表库系列(二) 沿X轴设置不同的背景色分辨带

在Highcharts中文网里,介绍了如何按照Y轴的数值范围设置背景色,也叫分辨带,它提供的demo效果像这样:代码在这里而如果要想沿着X轴设置不同的背景色或者叫分辨带该怎么办呢,在笔者的项目中,就曾...

Highcharts 翻译系列之十八:x轴样式(二)

Highcharts 翻译系列之十八:x轴样式(二) plotBands情节带   参数 描述 默认值 color 情节带的颜色 ...

Highcharts翻译系列之十七:xAxis x轴的样式(一)

原文地址: xAxis x轴样式概览   参数 描述 默认值 allowDecimals 轴上的刻度是...

highcharts中x轴曲线不连续时的解决办法

如上所示,两点之间发生断裂。 两个点之间差距过大时,显示为断开的线条,按如下设定后,可以把断开的线条封闭起来。 Java代码 plotOptions: ...

使用Kissy Charts 和 HighCharts 绘图时X轴文本叠在一起的解决方案

前言: 最近项目中使用到 kcharts(Kissy Charts)来绘制图表时,需要展示近两天内每5分钟时间内的某种产品的数量变化;绘制图表还可以,但是x轴的时刻(HH:ss)太密集了,显示在一起了...

highcharts图表小例子,实现X轴只显示起点终点刻度,Y轴百分比显示

先上效果图: $(function(){ /*图表部分*/ var data = [29.9, 21.5, 26.4, 29.2, 24.0, 36.0, 35.6, 4...
  • cysear
  • cysear
  • 2015年11月09日 13:28
  • 5145

Highcharts翻译系列之十七:xAxis x轴的样式(一)

Highcharts翻译系列之十七:xAxis x轴的样式(一) xAxis x轴样式概览   参数 描述 默认值 allowDecimal...
  • qiqingli
  • qiqingli
  • 2013年03月28日 13:29
  • 11516
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Highcharts延x轴缩小
举报原因:
原因补充:

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