Highcharts 拖放方式设置y轴区间

原创 2015年07月09日 15:22:30
Highcharts 拖放方式设置y轴区间

默认情况下,Highcharts通过用户前期设置或者数据列计算y轴区间。很多时候,计算的并不能满足浏览者需要。这时,用户可以借助第三方插件Scalable Y-Axis,允许浏览者以拖动y轴刻度标签的方式,动态调整y轴的区间。


初始状态的y轴区域


拖动后的y轴区间

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

Highcharts属性与Y轴数据值刻度显示Y轴最小最大值

Highcharts.setOptions({global:{useUTC : false}}); $(function(){ //声明报表对象 var chart...
  • moqiang02
  • moqiang02
  • 2014年09月12日 09:13
  • 5385

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
  • 5590

HighCharts实现双Y轴

无标题页 $(function () { var chart; chart = new High...
  • yenange
  • yenange
  • 2015年01月10日 23:53
  • 10243

Highcharts属性与Y轴数据值刻度显示Y轴最小最大值

Highcharts.setOptions({global:{useUTC : false}});   $(function(){         //声明报表对象         var ch...
  • menglexinglai
  • menglexinglai
  • 2014年11月10日 22:50
  • 7597

如何设置highcharts没有X和Y轴且X轴无刻度值

转自http://www.stepday.com/topic/?434  [摘要]: 在highcharts要设置X轴不存在和没有刻度值我们只能够通过变相的方式来加以实现 1、将X轴的颜色值设置...
  • dusea
  • dusea
  • 2015年09月23日 21:11
  • 5716

highcharts图表:如何配置坐标轴数据过大是否折算进行单位(k,M,G,T,P,E)替换

最近有不少Highcharts图表用户在询问关于坐标轴刻度值数据过大会自动加上k,M,G,T,P,E一些单位字符的问题。这类问题开始一看还以为是坐标轴内刻度格式化formatter方法的问题,经过试验...
  • znb769525443
  • znb769525443
  • 2017年03月17日 19:34
  • 1624

Highcharts混合图(2个Y轴)——结合后台数据

其实做了这么久的highcharts,感觉上手并不太难,难点在于实际应用中,如何动态地拼装出数据结构才是最关键的。最近做了一个混合图,包含两个Y轴,还涉及到对后台数据的结合。 首先,画一个空的“架子...
  • qq_18875541
  • qq_18875541
  • 2017年04月06日 16:09
  • 562

HighCharts自定义坐标轴刻度

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

HightChart设置标题(Title)

标题默认显示在图表的顶部,包括标题和副标题(subTitle),其中副标题是非必须的。设置标题和副标题的示例代码如下: title: { text: '我是标题' }, subtitle: ...
  • qq_20545159
  • qq_20545159
  • 2015年09月13日 14:09
  • 4781

使用highcharts来建立多轴时间序列图

实现效果如图的timeseries chart,一些概念在图上做了标注。 有几个特点: 1.多个Y轴,两个、三个数量不限,均匀地垂直排列,每个轴只有一条数据线 2.共享X轴,X轴是时间轴,同是...
  • napolunyishi
  • napolunyishi
  • 2017年02月07日 18:40
  • 705
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Highcharts 拖放方式设置y轴区间
举报原因:
原因补充:

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