通过fusioncharts在bar2d顶部显示标签

时间:2010-05-06 07:12:03

标签: fusioncharts

如何在bar2d图形的顶部显示标签?

例如:

|-------------------------
| This is line!
|================= 70%
|
| This is line 2!
|====== 30%
|-------------------------

感谢。

1 个答案:

答案 0 :(得分:1)

本地,FusionCharts不支持此功能。然而,让FusionCharts真正令人惊叹的是为解决问题而提出的解决方法或调整的数量(使我的工作更容易:)

请使用Single series Bar 2D图表试用以下XML代码段。

<?xml version="1.0" encoding="UTF-8"?>
<chart caption="Monthly Unit Sales" xAxisName="Month" yAxisName="Units" showValues="1" decimals="0" formatNumberScale="0" chartRightMargin="30">
   <set label="" value="0" alpha="0.1" displayValue="&#xA;&#xA;&#xA;&#xA;Feb" />
   <set label="" value="857" />
   <set label="" value="0" alpha="0.1" displayValue="&#xA;&#xA;&#xA;&#xA;Apr" />
   <set label="" value="494" />
</chart>

我们在这里所做的是使用空的和不可见的数据 - 在我们想要用顶部标签展示的数据图上方。因此,使用不可见数据图中的displayValue属性,我们可以重新创建标签的视觉效果,该视觉效果位于正在显示的数据图的顶部。

注意:字符&amp;#10;(新换行符)用于将displayValue属性的输出(即本例中的明显标签)更接近下面的数据图。

或者,您也可以使用Multi-series Bar 2D图表重新创建上述效果,使用下面引用的XML片段。

<?xml version="1.0" encoding="UTF-8"?>
<chart palette="2" caption="Business Results: 2005" yaxisname="Revenue (Millions)" hovercapbg="FFFFFF" toolTipBorder="889E6D" divLineColor="999999" divLineAlpha="80" showShadow="0" canvasBgColor="FEFEFE" canvasBaseColor="FEFEFE" canvasBaseAlpha="50" divLineIsDashed="1" divLineDashLen="1" divLineDashGap="2" numberPrefix="$" numberSuffix="M" chartRightMargin="30" useRoundEdges="1" legendBorderAlpha="0">
   <categories>
      <category label="" />
      <category label="" />
      <category label="" />
   </categories>
   <dataset seriesname="Domestic" color="8EAC41">
      <set value="0" alpha="0.1" displayValue="Hardware" />
      <set value="0" alpha="0.1" displayValue="Software" />
      <set value="0" alpha="0.1" displayValue="Service" />
   </dataset>
   <dataset seriesname="International" color="607142">
      <set value="116" />
      <set value="237" />
      <set value="83" />
   </dataset>
</chart>

我希望这会有所帮助。 :d