如果数据过多的时候,图表因为只有固定宽度,无法呈现较好的效果,这时候滚动条的作用就出来了,基于Flash格式的AnyChart支持图表内出滚动条(目前HTML5尚不支持)。
AnyChart水平和竖直方向均支持滚动条,以下是出滚动条的设置,<y_axis>中的<zoom>表示在y轴出滚动条,<x_axis>中的<zoom>表示在x轴出滚动条。
<axes> <scroll_bar_settings> <vert_scroll_bar> </vert_scroll_bar> <horz_scroll_bar> </horz_scroll_bar> </scroll_bar_settings> <y_axis> <zoom enabled="" show_scroll_bar="" start="" end="" visible_range="" visible_range_unit=""> </zoom> </y_axis> <x_axis> <zoom /> </x_axis> </axes>
看下面这个例子,让X轴产生一个滚动条,滚动条默认从第一个point name开始,但是如果设置了start属性就表示滚动条会往中间移动一点位置,visible_range表示一个屏幕下显示多少个point name,下面设置的4,表示一个屏幕下会有4个point name显示。
<?xml version="1.0" encoding="UTF-8"?> <anychart> <charts> <chart> <chart_settings> <axes> <x_axis> <zoom enabled="true" inside="true" start="2.5" visible_range="4" /> </x_axis> </axes> </chart_settings> <data> <series> <point name="Jan" y="2" /> <point name="Feb" y="1" /> <point name="Mar" y="3" /> <point name="Apr" y="4" /> <point name="May" y="4" /> <point name="Jun" y="5" /> <point name="Jul" y="6" /> <point name="Aug" y="7" /> <point name="Sep" y="6" /> <point name="Oct" y="5" /> <point name="Nov" y="8" /> <point name="Dec" y="10" /> </series> </data> </chart> </charts> </anychart>
最终效果图如下
同理,下面这段代码是在Y轴显示滚动条
<y_axis> <zoom enabled="true" inside="true" start="65" end="95" /> </y_axis>
滚动条设置功能本身很简单,但是我只能说AnyChart的滚动条功能并不智能,因为它必须让开发人员去设置什么时候出滚动条,滚动条出多大,所以如果用到大项目中的时候,开发人员还必须通过js判断页面宽度,再根据传入的值去动态创建滚动条(反正我是这么做的)。
希望AnyChart在新的版本能够支持设置图的最小间距(比如柱子的最小间距),如果超出最小间距则自动出滚动条。
AnyChart滚动条更多的文档参考以下地址:http://www.anychart.com/products/anychart/docs/users-guide/index.html?Zooming-And-Scrolling.html
相关推荐
AnyChart图表个人总结,学习了一周,个人作的一个总结文档,希望对大家有用。
C# WinFrom Chart 图表控件的具体使用方法示例,加入X轴滚动条,采用日期时间坐标,可添加间隔日期的数据,折线与点共同存在,值得学习研究。
很实用的anychart图表api,免费的 很实用的anychart图表api,免费的 很实用的anychart图表api,免费的 很实用的anychart图表api,免费的
Anychart XMLReference配置的文档说明,离线模式
NULL 博文链接:https://zhuhm.iteye.com/blog/1452059
使用AnyChart控件,可创建跨浏览器和跨平台的交互式图表和仪表。AnyChart 图表目前已被很多知名大公司所使用,可用于仪表盘、报表、数据分析、统计学、金融等领域。 AnyChart 可以被用于Web、桌面和移动应用程序,...
scrollbar jfreechart
VB绘制多条实时曲线+滚动条移动显示。具体修改方案见程序内说明。
Flex 去除 AnyChart 图表组件 水印显示 Watermark
anychart 图表 XML节点属性值详细解释
AnyChart FLash Chart是一款基于Flash/JavaScript的图表控件。使用Anychart可创建跨浏览器和跨平台的交互式图表和仪表。Anychart图表可以用于仪表盘的创建、报表、数据分析、统计学,金融等领域。
Android基本示例本示例说明如何使用组件在Android应用程序中使用AnyChart图表库。在您的Android设备上运行要在您的Android设备上运行AnyChart示例,只需在设备浏览器中打开 URL。 该示例应用程序将自动下载并开始...
EXCEL之图表系列课程(4) 动态图表
运用表单控件来控制所选区域,运用offset函数来确定区域,做出美观的动态图表。
jsp实现用户登录,提交数据至oracle数据库,以数据化看板的形式展现,图表区域采用highcharts,数据显示区域,实现高度超过限定值,增加上下滚动,表头不动,数据可上下滚动,
python matplotlib 增加滚动条 ,通过滚动条控制显示区域
Excel模板之办公系列、个人系列、图表系列,个人收集,如有雷同请见谅。
现在搜索不到没有对AnyChart控件的.net事例,漂亮的图表控件动态的控件。 本人原创。