将来的你, 肯定会感激现在拼命的自己。

图表插件highcharts设置或获取x、y轴的最大和最小值


Highcharts是一个制作图表的纯Javascript类库,主要特性如下:

    兼容性:兼容当今所有的浏览器,包括iPhone、IE和火狐等等;

    对个人用户完全免费;

    纯JS,无BS;

    支持大部分的图表类型:直线图,曲线图、区域图、区域曲线图、柱状图、饼装图、散布图;

    跨语言:不管是PHP、Asp.net还是Java都可以使用,它只需要三个文件:一个是Highcharts的核心文件highcharts.js,还有a canvas emulator for IE和Jquery类库或者MooTools类库;

    提示功能:鼠标移动到图表的某一点上有提示信息;

    放大功能:选中图表部分放大,近距离观察图表;

    易用性:无需要特殊的开发技能,只需要设置一下选项就可以制作适合自己的图表;

    时间轴:可以精确到毫秒

highcharts的y轴可以指定最大最小值,如果不指定则由highcharts自动调整,使用下面的方法,在完成charts的绘制后,可以取得y轴的最大最小值。     

//设置
myChart = Highcharts.Chart({
      ...,
      xAxis: {                            
          categories: categories,
          min:0,
          max:10000     
                    
      },                        
      yAxis: {                            
          title: {text: '次数(次)'},                            
          plotLines: [{value: 0, width: 1, color: '#808080'}],                            
          min:0,
          max:10000                    
      },
      ...
});
//获取
miny = myChart.yAxis[0].min;
maxy = myChart.yAxis[0].max;

如果你觉得对你有帮助可以把它收藏下来或分享给朋友,记得表明来自B+博客。谢谢!


 钟永标

个人头像


 热门推荐


 热门阅读