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

本文链接：https://blog.youkuaiyun.com/coderjiang/article/details/11724853

本文介绍了如何使用FusionCharts的MSCombiDY2D.swf组件来实现双Y轴的双曲线图表。在面对一条曲线数值较大而另一条曲线数值较小时，通过双Y轴可以清晰地展示两条曲线，提高数据可视化的效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

有时候我们需要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>