0

bar2d グラフィックの行の上部にラベルを表示するにはどうすればよいですか?

例えば：

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

ありがとう。

4

1 に答える 1

1

ネイティブでは、FusionCharts はこの機能をサポートしていません。しかし、FusionCharts を本当に素晴らしいものにしているのは、問題に対処するために思いつくことができる回避策や微調整の数です (私の仕事も楽になります :)

単一シリーズの棒 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属性の出力、つまりこの場合は明らかなラベルを、以下のデータ プロットに近づけるために使用されています。

別の方法として、以下に引用されている XML スニペットを使用して、マルチシリーズ バー 2D チャートを使用して上記の効果を再現することもできます。

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

于 2010-05-06T12:49:07.330 に答える