加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

FusionCharts:以MSCombiDY2D.swf为例的双Y轴双(多)曲线(line)图

发布时间:2020-12-15 17:56:01 所属栏目:百科 来源:网络整理
导读:有时候我们需要FusionCharts图表显示双Y轴,比如我们有两(多)条曲线,一条曲线对应Y轴的数字很大,但另一条曲线对应Y轴的数字又很小,那么当只用一条Y轴的时候,对应数字很小的曲线相对另一条曲线就显得非常不突出了,这个时候就可以考虑用双Y轴曲线,关于

有时候我们需要FusionCharts图表显示双Y轴,比如我们有两(多)条曲线,一条曲线对应Y轴的数字很大,但另一条曲线对应Y轴的数字又很小,那么当只用一条Y轴的时候,对应数字很小的曲线相对另一条曲线就显得非常不突出了,这个时候就可以考虑用双Y轴曲线,关于双Y轴的例子FusionCharts有好几例,但双Y轴且多个图表为曲线(line)的例子没有,在网上搜了下,看到有提问的,但没有搜到解决方案,我下面就给出这个问题解决之法。


先来看FusionCharts附带的例子Combi2DDY.html,对应的flash为:MSCombiDY2D.swf,其图如下:

<?xml version="1.0" encoding="UTF-8"?>
<chart caption='Sales Volume' PYAxisName='Revenue' SYAxisName='Quantity' showvalues='0' numberPrefix='$'>

   <categories>
      <category label='网格1' />
      <category label='网格2' />
      <category label='网格3' />
      <category label='网格4' />
      <category label='网格5' />
      <category label='网格6' />
      <category label='网格7' />
   </categories>

   <dataset seriesName='Revenue'>
      <set value='1700000' />
      <set value='610000' />
      <set value='1420000' />
      <set value='1350000' />
      <set value='2140000' />
      <set value='1210000' />
      <set value='1130000' />
   </dataset>
   
   <dataset seriesName='Revenue'>
      <set value='1700000' />
      <set value='610000' />
      <set value='1420000' />
      <set value='1350000' />
      <set value='2140000' />
      <set value='1210000' />
      <set value='1130000' />
   </dataset>

   <dataset seriesName='Quantity' parentYAxis='S'>
      <set value='340' />
      <set value='120' />
      <set value='280' />
      <set value='270' />
      <set value='430' />
      <set value='240' />
      <set value='230' />
   </dataset>

   <trendLines>
      <line startValue='2100000' color='009933' displayvalue='Target' /> 
   </trendLines>
</chart>

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读