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"
}]
}]
}
}