FAQ > .Web应用 > .web应用案例

Q：.web画图：如何配置出上下拼接图    

  • A：本示例中主要展示如何在.web画图中如何配置出上下拼接的图形，适合不同量纲图形的联动展示。

    取数代码：取个股在指定日N个交易日的高开低收(K线),均线（折线图)，以及成交量(在下方另增一个图形显示）
    在天软客户端中新增函数Web_test07，返回图形所需的数据，具体如下：
    Function Web_test07(StockID,Endt,N);
    Begin
      setsysparam(pn_cycle(),cy_day());
      setsysparam(pn_stock(),stockID);
      setsysparam(pn_date(),endt);
      return Nday(N,"日期",datetostr(sp_time()),
             "high",high(),
             "open",open(),
             "low",low(),
             "close",close(),
             "Ma5",ma(close(),5),
             "Ma20",ma(close(),20),
             "vol",vol()/10000.);
             
    End;


    .web中作图配置：
    说明：将高开低收配置成K线图，并与均线在同一图中展示，作为上图；成交量配置成柱形图作为下图显示。
    操作要点：将需要独立出去的图形的图形位置修改成“图二”。
    第一步：在指定页面中进入编码状态，新增图形->折线图

    第二步：数据源中输入函数名(Web_test07)，点击【获取默认参数】

    第三步：系列设置中：
      1、将Ma5与Ma20配置成【折线图】，可通过批量设置完成
      2、增加系列，配置【K线焟烛图】，数据列名配置为open;high;low;close
      3、增加系列，给vol配置成【柱形图】，并点击...进入详细配置中，将【系列样式】中的图形位置修改为【图二】，点击右上角对勾进行确认保存配置。

    第四步：保存当前配置，效果如下：


    给图二打标签的实现，继上述的操作：
    第五步：在详细设置中：通过【其它详细设置】进入，对【图二】的轴名进行打标签
    如[轴名(左)]中输入"成交量(万股)",在展开的设置里设置显示位置跟角度。


    第六步：保存配置后，显示如下：