【问题标题】:Show label on the top of bar2d by fusioncharts通过 fusioncharts 在 bar2d 顶部显示标签
【发布时间】:2014-09-05 18:45:01
【问题描述】:

如何在 bar2d 图形的行首显示标签?

例如:

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

谢谢。

【问题讨论】:

    标签: fusioncharts


    【解决方案1】:

    FusionCharts 本身不支持此功能。然而,让 FusionCharts 真正令人惊叹的是您可以想出的解决问题的解决方法或调整的数量(也让我的工作更轻松:)

    请使用单系列二维条形图尝试以下 XML sn-p。

    <?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;amp;#10;(换行符)已用于使displayValue 属性的输出(即本例中的明显标签)更接近下面的数据图。

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

    <?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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-10-27
      • 2011-10-03
      • 1970-01-01
      • 2014-10-14
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多