【问题标题】:can fusion chart x axis be represinted by points instade of labels融合图x轴可以用点代替标签来表示吗
【发布时间】:2013-04-25 02:04:28
【问题描述】:

众所周知的 Fusion 图表将 x 轴点作为标签,它们之间有相等的空格,但我想给 x 轴一个实数,它们之间有一个实数空格。

那么我可以在融合图中使用实点而不是标签吗? 现在是这样的:

15

12

9

6

3

0 1_10_11 _1 2_90

但我希望它具有像这样的可变距离 x 轴间隔:

12

9

6

3

0

1 _ 2 ___________ 10 _ 11 __ 15

我希望值或标签具有真实距离。 谢谢。

【问题讨论】:

  • AFAIK 做到这一点的唯一方法是用缺失值填充数据并隐藏这些标签。

标签: java smartgwt labels fusioncharts


【解决方案1】:

据我所知,您需要一个数字 x 轴和一个数字 y 轴。这种图表是 XY 图。在 FusionCharts 套件中,您可以考虑使用scatter chart

使用散点图,您甚至可以绘制折线图。有一个论坛帖子详细说明了drawLine attribute on FusionCharts dataset node of scatter chart的使用。

带有连接线的散点图样本XML数据:

<chart palette='2' anchorradius='6' anchorsides='0'>
   <categories>
        <category x='1' label='1' />
        <category x='2' label='2' />
        <category x='10' label='10' />
        <category x='11' label='11' />
        <category x='15' label='15' />
    </categories>

   <dataset drawLine='1' seriesName='Server 1'>
      <set y='2.4' x='1' />
      <set y='3.5' x='2' />
      <set y='2.5' x='10' />
      <set y='4.1' x='11' />
      <set y='3.5' x='15' />
   </dataset>

   <dataset drawLine='1' seriesName='Server 2'>
      <set y='1.4' x='1'/>
      <set y='1.5' x='2'/>
      <set y='1.5' x='10'/>
      <set y='1.1' x='11'/>
      <set y='1.5' x='15'/>
   </dataset>
</chart>

但是,如果您打算绘制列,则需要插入空白的category 节点来模拟。

多系列图表的样本XML 数据:

<chart showValues='0' numberPrefix='$'>
   <categories>
      <category label='1' />
      <category label='2' />
      <category label='' />
      <category label='' />
      <category label='' />
      <category label='' />
      <category label='' />
      <category label='' />
      <category label='' />
      <category label='10' />
      <category label='11' />
      <category label='' />
      <category label='' />
      <category label='' />
      <category label='15' />
   </categories>
   <dataset seriesName='2006'>
      <set value='27400' />
      <set value='29800'/>
      <set value='' />
      <set value='' />
      <set value='' />
      <set value='' />
      <set value='' />
      <set value='' />
      <set value='' />
      <set value='31900' />
      <set value='34800' />
      <set value='' />
      <set value='' />
      <set value='' />
      <set value='31800' />
   </dataset>
   <dataset seriesName='2005'>
      <set value='10000'/>
      <set value='11500'/>
      <set value='' />
      <set value='' />
      <set value='' />
      <set value='' />
      <set value='' />
      <set value='' />
      <set value='' />
      <set value='22900' />
      <set value='20800' />
      <set value='' />
      <set value='' />
      <set value='' />
      <set value='19700' />
   </dataset>
</chart>

上述示例应该允许您在任何其他图表中创建类似的数据。

【讨论】:

  • 不客气。一个快速提示:您可以编写一个小的 javascript sn-p 来拦截图表上的 BeforeDataUpdated 事件并自动填充空值。
  • 我还有一个问题,能再帮帮我吗?我在这里发布了另一个关于我的问题的问题:stackoverflow.com/questions/16214046/…
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-08-24
  • 2021-06-01
  • 2021-04-02
  • 1970-01-01
  • 1970-01-01
  • 2015-10-18
相关资源
最近更新 更多