AnyChart 图形配置说明.doc
1、AnyChart 图形配置说明 文档变更历史 日期 版本 作者 修改内容 评审号 变更控制号 发布日期 2008-4-2 V01.00.000 张建中 新建文档 2008-4-5 V01.00.001 张建中 修改示例 2008-5-5 V01.00.002 张建中 修改示例 2008-5-6 V01.00.003 张建中 增加钻取配置 2008-5-13 V01.00.004 张建中 增加升级说明
2、 为丰富报表图形展示，前端模块组开发了以AnyChart Flash图形控件为基础的，新的图形配置接口。 1 AnyChart支持的图形类型 Name Single Series Multi Series Horizontal Vertical 3D Are
3、a/Spline Area/ StepLine Area Chart Yes Yes Yes Yes No Bar Chart Yes Yes Yes Column Yes Bubble Chart Yes Yes Yes Yes No Column Yes Yes Bar Yes Yes Cone Yes Yes Yes Yes Yes Cylinder Yes Yes Yes Yes Yes Japanese Candlestick Yes Yes No Yes No Line/Spline/Step
4、Line Yes Yes Yes Yes No Open-High-Low-Close Yes Yes No Yes No Marker Yes Yes Yes Yes No Percent Stacked Area/Spline/StepLine Area Yes Yes Yes Yes No Percent Stacked Column/Bar/Cylinder Yes Yes Yes Yes Yes Pie/Doughnut Yes Yes - - No Pyramid Yes Yes Yes Yes Y
5、es Range Area/Spline Area Yes Yes Yes Yes No Range Bar/Column/Cylinder Yes Yes Yes Yes Yes Scatter Line Yes Yes No Yes No Scatter Bubble Yes Yes No Yes No Scatter Point (Marker) Yes Yes No Yes No Stacked Area/Spline Area Yes Yes Yes Yes No Stacked Bar/Column/
6、Cylinder Yes Yes Yes Yes Yes 2 AnyChart支持的混合图形 Chart Combination This table list all types included in AnyChart Flash Charting Component in rows and columns headings, Y at the intersection of a row and a column means that this types can be combined within one data plot , D - dashboard comb
7、ination possible, both D and Y means both options available. Type Bar1 Column2 Line3 Area4 Stacked Bar Stacked Column Stacked Area Range Bar Range Column Range Area Marker Candlestick OHLC Bubble Scatter XY Line Pie5 Maps Bar1 Y D
8、 Column2 D Y D Line3 Y D Y D Y D Area4 Y D Y D Y D Y D Stacked Bar Y D D Y D Y D Y D Stacked Colu
9、mn D Y D Y D Y D D Y D Stacked Area Y D Y D Y D Y D Y D Y D Y D Range Bar Y D D Y D Y D Y D D Y D Y D Range Column D Y D Y D Y D D Y D Y D D Y D
10、 Range Area Y D Y D Y D Y D Y D Y D Y D Y D Y D Y D Marker Y D Y D Y D Y D Y D Y D Y D Y D Y D Y D Y D Candlestick D Y D Y D Y D D Y D Y D D Y D Y D Y D Y D OHLC D Y D Y D Y D D
11、 Y D Y D D Y D Y D Y D Y D Y D Bubble Y D Y D Y D Y D Y D Y D Y D Y D Y D Y D Y D Y D Y D Y D Scatter D D D D D D D D D D Y D D D Y D Y D XY Line D D D D D D D D D D Y D D D Y D Y D Y D Pie5 D D
12、D D D D D D D D D D D D D D Y D Maps D D D D D D D D D D Y D D D Y D D D D N 1 - Bar in this table refers to both Bar, Horizontally oriented Cone, Cylinder and Pyramid charts. 2 - Column in this table refers to both Column, Vertically oriented Cone, Cylinder a
13、nd Pyramid charts. 3 - Line in this table refers to both Line, Spline and Step Line charts. 4 - Area in this table refers to both Line, Spline and Step Line charts. 5 - Pie in this table refers to both Pie and Donut charts. 3 封装文件部署 封装后需要部署的文件有 /Frame/HTC/gh_anychart.htc; /Frame/HTC/gh_anyc
14、hart_series.htc; /Frame/JS/AnyChart.js （AnyChart 提供javascript库） /Frame/JS/AnyChart_Wrapper.js (由前端模块组实现的AnyChart XML 数据接口文件的封装) /Frame/JS/AnyChart_Settings.js （用于AnyChart 样式或模板的定义） 4 配置属性说明 属性 值 说明 用于 gh_anychart id n/a Unrequired，如设置系统将自动设置为一个uuid data_src stream (default) file Un
15、required，当值为file时必须指定xml_data_path作为数据源； 默认由程序构造xml data xml_data_path n/a 用于指定xml data的路径 control_type tab Unrequired，指定属性时，将使用tab方式展现chart ac_bgcolor n/a Unrequired，用于指定AnyChart Flash控件背景色； chart_margin 参阅AnyChart XML Reference all left top right bottom Unrequired，使用类似json或js关联
16、数组的方式指定； 例：chart_margin=”all:2” 或 chart_margin =“left: 2, top 2, right:2, bottom: 2” 单位为pixel ac_settings n/a Unrequired，引用在AnyChart_Settings.js中定义的相关属性 用于 gh_anychart_chart id n/a plot_type CategorizedVertical (default) CategorizedHorizontal CategorizedBySeriesVertical CategorizedBy
17、SeriesHorizontal Scatter Pie Doughnut Map Required，指定图表类型 参阅AnyChart Users's Guide chart_name n/a required tab_title n/a Unrequired，当在gh_anychart中指定control_type 为tab时可指定该属性，如不指定将使用chart_title为tab_title chart_title 参阅AnyChart XML Reference Required, 当 title 的text中有表达式时，需要指定model 例：c
18、hart_title= "enabled: true, text: '点对点短信业务报表趋势图'" axes 参阅AnyChart XML Reference Required 例：axes="y_axis: {title: {enabled: false}, labels: {enabled: true, format: '{%Value}{numDecimals:0}'}}, x_axis: {title: {enabled: false}}" chart_legend 参阅AnyChart XML Reference Unrequired 例：chart_legend="
19、enabled: true, title: {enabled : false}" ac_settings n/a Unrequired，引用在AnyChart_Settings.js中定义的相关属性 Checked True/false Unrequired，当gh_anychart指定control_type属性时需要指定该属性 Control_type Checkbox radio 用于 gh_anychart_series id n/a required series_name n/a required series_type Bar (def
20、ualt) RangeBar Line RangeArea RangeSplineArea Spline Marker Area SplineArea StepLineForward StepLineBackward StepLineForwardArea StepLineBackwardArea Bubble Candlestick OHLC model n/a Required point 参阅AnyChart XML Reference Required，在name和y x 值中可以使用表达式 例：point="
21、name: 'MONTH', y: '#{expr{#{SALES} + #{SALES} }}'" label 参阅AnyChart XML Reference Unrequired 例：label="enabled:false, format: '{%YValue}'" tooltip 参阅AnyChart XML Reference Unrequired 例：tooltip="enabled:true, style:'test_tooltip_font'" color n/a Unrequired Checked True/false 当gh_anychart
22、chart指定control_type属性时需指定该属性 condition_expr n/a 详细设置参考示例 使用表达式表示预警或其他条件 例：condition_expr="Expr1: '#{expr{#{current}/#{previous}}}'" Threshold n/a 详细设置参考示例 设置预警或其他 forecast 详细设置参考示例 设置预测值； 需指定color Model Tooltip的format 详细设置参考示例 例：forecast="name: '#{MONTH}', y: '#{SALES}', color: 'Gr
23、een', model:'test_forecast', tooltip:{enabled:true, format: '#{MAX_SALES}--#{MIN_SALES}'}" ac_settings n/a Unrequired，引用在AnyChart_Settings.js中定义的相关属性 用于 gh_anychart_threshold Id n/a Required Name n/a Required Type Custom (default) EqualInterval EqualDistribution Required 用于 gh_anycha
24、rt_threshold_conditon Id n/a Required Name n/a Required Type between notBetween equalTo notEqualTo greaterThen greaterThenOrEqualTo lessThen lessThenOrEqualTo Required Value_1 参阅AnyChart XML Reference 可以使用在gh_anychart_series 中定义的 condition_expr 例：value_1="{%Expr1}" Value_2 参阅An
25、yChart XML Reference Value_3 参阅AnyChart XML Reference color n/a 设置告警或预测颜色 5 配置示例 配置图形时必须在head中应用AnyChart.js 直接从文件配置图形
构造图形 1) 复杂图形配置
©2010-2026 宁波自信网络信息技术有限公司 版权所有
客服电话：0574-28810668 投诉电话：18658249818
浙ICP备2021020529号-1 | 浙B2-20240490
关注我们 ：
