首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

jqplot绘图时数据过大招致渲染不当

2013-08-29 
jqplot绘图时数据过大导致渲染不当? ? ? ?jqplot是jquery的一个插件,该插件可以用来绘图,其官方文档地址:h

jqplot绘图时数据过大导致渲染不当

? ? ? ?jqplot是jquery的一个插件,该插件可以用来绘图,其官方文档地址:http://www.jqplot.com?大家可以根据情况选择查阅相应文档。

? ? ? ?jqplot插件用来绘图是比较简单的,如下图所示:


jqplot绘图时数据过大招致渲染不当
? ? ? ?上面的图形就是用jqplot进行绘制的,该图表只有一条线。这里对y轴的max值并没有加以限制,一般来说,这种只有一条线的图表,通常情况下,不限制max值绘图是没有什么问题的。但是,如果不止一条线,而且数据大小是动态的,情况就有些不同了,比如下图:


jqplot绘图时数据过大招致渲染不当
? ? ? ?可以看到,图表在最上面已经“溢出”了,这样就没办法看到这些“溢出”部分的情况是怎样。而且在这种情况下,其实是没办法直接指定y轴max值的大小,需要根据生成的数据来动态决定,代码如下:


? ? ? ?很明显,这里的渲染没有“超过”最上面的框,这里的数据都是动态生成的,然后根据这些生成的数据来获取其中最大的值,将其乘以1.1赋值给y轴的max值。所以,如果用jqplot绘制的图表不止一条线时,需要注意y轴最大值的问题,防止渲染的图表有“溢出”现象产生。

热点排行
Bad Request.