AnyStock如何在图表中创建多Y轴

作者:控件中国网   出处:控件中国网   2015-09-17 15:10:37   阅读:14

AnyStock是一款金融类图表控件,可以用于Flex,HTML上,以Flash作为容器来显示图标,当然也可以采用JavaScript来生成图表,在图表应用中通常一个图表类会绘制多条数据序列,而每一条数据序列需要有各自的Y轴,那么就需要为图表创建多个Y轴,AnyStock可以快速实现该功能,对Y轴数量也没有限制,但是当数据量较大时,最好Y轴数量不要超过3条,如何设置多Y轴具体可以参考下面的代码:

采用XML标记语言:

<?xml version="1.0" encoding="UTF-8"?>

<stock xmlns="http://AnyChart.com/products/stock/schemas/1.9.0/schema.xsd">

  <settings>

    <inside_margin left="40" right="100" />

    <charts>

      <chart>

        <value_axes>

          <primary position="Left" />

          <extra>

            <axis id="extra1" position="Right" offset="5" />

            <axis id="extra2" position="Right" offset="50" />

          </extra>

        </value_axes>

        <series_list>

          <series axis="Primary" />

          <series axis="extra1" />

          <series axis="extra2" />

        </series_list>

      </chart>

    </charts>

  </settings>

</stock>

 

采用JSON:

{

  settings: {

      insideMargin: {

          left: 40,

          right: 100

        },

      charts: [{

          valueAxes: {

              primary: {

                  position: "Left"

                },

              extra: [{

                  id: "extra1",

                  position: "Right",

                  offset: 5

                },

                {

                  id: "extra2",

                  position: "Right",

                  offset: 50

                }]

            },

          seriesList: [{

              axis: "Primary"

            },

            {

              axis: "extra1"

            },

            {

              axis: "extra2"

            }]

        }]

    }

}

Copyright© 2006-2015 ComponentCN.com all rights reserved.重庆磐岩科技有限公司(控件中国网) 版权所有 渝ICP备12000264号 法律顾问:元炳律师事务所
客服软件
live chat