金融网站通用组件_前台图表_用户手册(图片样式文件配置).doc

目录1Root：根节点21.1Type：为走势线类型。值：21.2line_type：分Line和Kline两种21.3isClear：是否清盘，主要是对分时走势而言 值：true/false21.4data21.4.1merchandise_kind节点21.5picture_style31.5.1base_whole：整张图片的画板配置31.5.2title_area结点31.5.2.1base_whole结点31.5.2.2name_area结点。品种名称31.5.2.3code_area结点。品种代码31.5.2.4data_nexus结点。数据节点（昨结价，最新价，涨跌值，涨跌幅）31.5.2.4.1last_price结点：昨收价31.5.2.4.2new_price结点：最新价41.5.2.4.3markup结点：涨跌幅41.5.2.4.4markup_percent结点41.5.2.5price_nexus结点41.5.2.5.1high_price结点。最高价41.5.2.5.2open_price结点。开盘价41.5.2.5.3low_price 节点51.5.2.5.4close_price节点51.5.2.5.5quantity 节点51.5.2.5.6bargain_sum 节点51.5.2.5.7datetime节点51.6price_area结点51.6.1whole结点51.6.2gridding结点61.6.2.1display：是否显示。true/false61.6.2.2plumb_x 节点。垂直于X轴的网格线61.6.2.3plumb_y节点。垂直于Y轴的网格线61.6.3scale结点。刻度节点61.6.3.1y_axises结点(1)61.6.3.1.1y_axis结点61.6.3.1.2midpoint结点61.6.3.1.3upside结点61.6.3.1.4belowside结点71.6.3.2y_axises节点(2) 同1.6.3.1节。71.6.3.3x-axis 节点71.7line结点。line_type节点值为： line时配置71.8Kline节点。 line_type节点值为： Kline时配置71.9avl节点71.10last_price结点81.11merchandise_cascade节点。叠加配置81.11.1sub_merchandise节点。81.12quan_area结点。交易量区域81.12.1whole结点81.12.2gridding结点81.12.2.1display：是否显示。true/false81.12.2.2plumb_x 节点。垂直于X轴的网格线81.12.2.3plumb_y节点。垂直于Y轴的网格线81.12.3scale结点。刻度节点91.12.3.1y_axises结点(1)91.12.3.1.1y_axis结点91.12.3.1.2midpoint结点91.12.3.1.3upside结点91.12.3.1.4belowside结点91.12.3.2y_axises结点(2) 同1.6.3.1节。91.12.3.3x-axis 节点 X轴坐标91.12.4histogram结点。柱状图区域101.12.5time_division节点。时间分界线101.12.6avl节点。均线101.13guideline指标线区域（KDJ，）101.13.1whole 同 1.6.1101.13.2gridding 同 1.6.2101.13.3scale 同 1.6.3101.13.4line 同 1.710前台图表用户手册（图片样式配置文件）文件gifViewConfig.xml/gifViewKLineConfig.xml定义了配置图片样式中各元素的所有参数选项。其中只需要关注picture_style结点中的各个子结点及其元素和属性。1. Root：根节点1.1 Type：为走势线类型。值：10：单支商品分时走势图；20：单支商品实时走势图；30：单支商品k线图；40：叠加商品分时走势图；50：叠加商品实时走势图；60：叠加商品k线图。1.2 line_type：分Line和Kline两种1.3 isClear：是否清盘，主要是对分时走势而言 值：true/false1.4 data1.4.1 merchandise_kind节点为配置k线时的辅助参数，表示k线的时间段设置，时间跨度 包括：ninty_day、one_month、three_month、half_year、one_year1.5 picture_style1.5.1 base_whole：整张图片的画板配置width：区域的宽度height：区域的高度background_color：区域的背景颜色 rim_color：区域边框颜色色rim_style：区域边框线的样式：0，实线；1，虚线rim_size：区域边框的宽度1.5.2 title_area结点1.5.2.1 base_whole结点display：是否显示。true/falsewidth：区域的宽度height：区域的高度background_color：区域的背景颜色 rim_color：区域边框颜色色rim_style：区域边框线的样式：0，实线；1，虚线rim_size： 区域边框的宽度paddingTop:区域上方的空白像素paddingLeft:区域左侧空白像素1.5.2.2 name_area结点。品种名称display：是否显示。true/falsename：品种名称的显示样式，name品种名称，用于真实内容替换font：字体样式size：字体大小color：字体颜色x_axis：横坐标位置y_axis：纵坐标位置1.5.2.3 code_area结点。品种代码display：是否显示。true/falsename：品种代码的显示样式，code品种代码，用于真实内容替换font：字体样式size：字体大小color：字体颜色x_axis：横坐标位置y_axis：纵坐标位置1.5.2.4 data_nexus结点。数据节点（昨结价，最新价，涨跌值，涨跌幅）1.5.2.4.1 last_price结点：昨收价display：是否显示。true/falsename：显示样式，code昨结价，用于真实内容替换font：字体样式size：字体大小color：字体颜色x_axis：横坐标位置y_axis：纵坐标位置1.5.2.4.2 new_price结点：最新价display：是否显示。true/falsename：显示样式，code代表最新价，用于真实内容替换font：字体样式size：字体大小color：字体颜色x_axis:横坐标位置y_axis: 纵坐标位置1.5.2.4.3 markup结点：涨跌幅display：否显示.font：字体样式size：字体大小color:字体颜色x_axis:横坐标y_axis:纵坐标sign:否显示正/负符号。true/falsearrow:否显示上/下箭头。 true/false1.5.2.4.4 markup_percent结点display：是否显示。true/falsefont：字体样式size：字体大小color：字体颜色x_axis:横坐标y_axis:纵坐标sign:否显示正/负符号。true/falsearrow:否显示上/下箭头。 true/false1.5.2.5 price_nexus结点1.5.2.5.1 high_price结点。最高价display：是否显示。true/falsename：显示样式，value表示最高价，用于真实内容替换font：字体size：字体大小color：字体颜色x_axis:横坐标y_axis:纵坐标1.5.2.5.2 open_price结点。开盘价display：是否显示。true/falsename：显示样式，value表示最高价，用于真实内容替换font：字体size：字体大小color：字体颜色x_axis:横坐标y_axis:纵坐标1.5.2.5.3 low_price 节点display：是否显示。true/falsename：显示样式，value表示最高价，用于真实内容替换font：字体size：字体大小color：字体颜色x_axis:横坐标y_axis:纵坐标1.5.2.5.4 close_price节点display：是否显示。true/falsename：显示样式，value表示最高价，用于真实内容替换font：字体size：字体大小color：字体颜色x_axis:横坐标y_axis:纵坐标1.5.2.5.5 quantity 节点display：是否显示。true/falsename：显示样式，value表示最高价，用于真实内容替换font：字体size：字体大小color：字体颜色x_axis:横坐标y_axis:纵坐标1.5.2.5.6 bargain_sum 节点display：是否显示。true/falsename：显示样式，value表示最高价，用于真实内容替换font：字体size：字体大小color：字体颜色x_axis:横坐标y_axis:纵坐标1.5.2.5.7 datetime节点display：是否显示。true/falsename：显示样式，value表示最高价，用于真实内容替换font：字体size：字体大小color：字体颜色x_axis:横坐标y_axis:纵坐标style：时间显示格式：yyyy-MM-dd；yyyy-MM-dd hh:mm；dd/mm/yy1.6 price_area结点1.6.1 whole结点display：是否显示。true/falsewidth：区域的宽度height：区域的高度background_color：区域的背景颜色 rim_color：区域边框颜色色rim_style：区域边框线的样式：0，实线；1，虚线rim_size： 区域边框的宽度paddingTop:区域上方的空白像素paddingLeft:区域左侧空白像素1.6.2 gridding结点1.6.2.1 display：是否显示。true/false1.6.2.2 plumb_x 节点。垂直于X轴的网格线plumb_x_number：水平网格线的条数style：网格线边框的样式：0，实线；1，虚线color：网格线的颜色size：分界线的宽度1.6.2.3 plumb_y节点。垂直于Y轴的网格线plumb_y_number，垂直网格线的条数style：网格线边框的样式：0，实线；1，虚线color：网格线的颜色size：分界线的宽度1.6.3 scale结点。刻度节点1.6.3.1 y_axises结点(1)1.6.3.1.1 y_axis结点display：默认显示价格坐标，location：显示的位置：left，左侧；right，右侧align：对齐方式：left，左对齐；right，右对齐type：数据的类型：0，原始数值；1，涨跌百分比decimal：显示的价格坐标值小数位数adjust_x：与X轴正方向的偏移adjust_y：与Y轴正方向的偏移1.6.3.1.2 midpoint结点font：字体样式size：字体大小color：字体颜色value_type：纵坐标的中间刻度的取值类型。0：昨结价显示在中间位置1：最大值最小值中间点位于中间位置2：开盘价位于中间位置3：开盘价等于01.6.3.1.3 upside结点font：上半轴数值的字体size：上半轴数值的大小color：上半轴数值的颜色1.6.3.1.4 belowside结点font：下半轴数值的字体size：下半轴数值的大小color：下半轴数值的颜色1.6.3.2 y_axises节点(2) 同1.6.3.1节。1.6.3.3 x-axis 节点adjust_x：与X轴正方向的偏移adjust_y：与Y轴正方向的偏移size：X轴的数值大小display：默认显示价格坐标time_type：1:实时走势 2:分实走势 横坐标显示的时间段以及每段对应的起止时间。根据商品的交易时间确定时间段数。 实时走势（外汇，指数，期货）时间跨度，1-24 小时。分实走势（） time_value：如果是1，这里填入时间跨度，如果是2：这里填坐标值（9:30,15:30） 可以配置横坐标时间刻度间隔（每个时间段内的刻度间隔相同）1.7 line结点。line_type节点值为： line时配置bg_c_between_line_bottom：走势线与下边框之间的填充背景颜色style_between_line_bottom：走势线与下边框之间的填充样式，0，实线；1，虚线color:如果line_type为1，这里颜色表示涨，跌和平这三种线的颜色transparent:走势线下半部是否透明，true，表示透明；false，表示不透明size:走势线的宽度distance_between_q_top:走势线最大值与价格区域的上边框的距离distance_between_q_bottom:走势线最小值与价格区域的下边框的距离1.8 Kline节点。 line_type节点值为： Kline时配置width:K线图中每根K线的宽度distance:K线图中每根K线的距离rise_rim_color:K线图的涨图边框颜色rise_fill_color:K线图的涨图的填充颜色fall_rim_color:K线图的跌图边框颜色fall_fill_color:K线图跌图的填充颜色even_color:K线图平盘的颜色distance_between_q_top:价格最大值离价格区域上边框的距离distance_between_q_bottom:价格最小值离价格区域下边框的距离1.9 avl节点parameter：显示的均线的时间周期，每条均线的周期之间使用|分隔。如5|10|15表示要分别显示5日、10日和15日均线color：显示的均线的颜色，每条均线的颜色之间使用|分隔size：显示的均线的颜色，每条均线的颜色之间使用|分隔1.10 last_price结点midValueType：0: 昨结价显示在中间位置；1: 最大值最小值中间点位于中间位置；2：开盘价位于中间位置；3:开盘价等于0font:字体size:字体大小color:字体颜色style:昨结价线的样式 0，实线；1，虚线1.11 merchandise_cascade节点。叠加配置cascade_type：叠加方式。 1：同比例叠加；2：非同比例叠加color：主商品颜色size：主商品线的宽度1.11.1 sub_merchandise节点。code:对比商品代码width：K线图中每根K线的宽度rise_rim_color：K线图的涨图边框颜色rise_fill_color：K线图的涨图的填充颜fall_rim_color：K线图的跌图边框颜色fall_fill_color：K线图跌图的填充颜色even_color：K线图平盘的颜色distance_between_q_top：价格最大值离价格区域上边框的距离distance_between_q_bottom：-价格最小值离价格区域下边框的距离1.12 quan_area结点。交易量区域1.12.1 whole结点display：是否显示。true/falsewidth：区域的宽度height：区域的高度background_color：区域的背景颜色 rim_color：区域边框颜色色rim_style：区域边框线的样式：0，实线；1，虚线rim_size： 区域边框的宽度paddingTop:区域上方的空白像素paddingLeft:区域左侧空白像素1.12.2 gridding结点1.12.2.1 display：是否显示。true/false1.12.2.2 plumb_x 节点。垂直于X轴的网格线plumb_x_number：水平网格线的条数style：网格线边框的样式：0，实线；1，虚线color：网格线的颜色size：分界线的宽度1.12.2.3 plumb_y节点。垂直于Y轴的网格线plumb_y_number，垂直网格线的条数style：网格线边框的样式：0，实线；1，虚线color：网格线的颜色size：分界线的宽度1.12.3 scale结点。刻度节点1.12.3.1 y_axises结点(1)1.12.3.1.1 y_axis结点display：默认显示价格坐标，location：显示的位置：left，左侧；right，右侧align：对齐方式：left，左对齐；right，右对齐type：数据的类型：0，原始数值；1，涨跌百分比decimal：显示的价格坐标值小数位数adjust_x：与X轴正方向的偏移adjust_y：与Y轴正方向的偏移1.12.3.1.2 midpoint结点font：字体样式size：字体大小color：字体颜色value_type：纵坐标的中间刻度的取值类型。0：昨结价显示在中间位置1：最大值最小值中间点位于中间位置2：开盘价位于中间位置3：开盘价等于01.12.3.1.3 upside结点font：上半轴数值的字体size：上半轴数值的大小color：上半轴数值的颜色1.12.3.1.4 belowsi