Показать метку в верхней части bar2d с помощью fusioncharts

Как я могу отобразить метку в верхней части строки на графике bar2d?

Например:

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

Спасибо.


fusioncharts
person oivoodoo    schedule 06.05.2010    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Изначально FusionCharts не поддерживает эту функцию. Тем не менее, что делает FusionCharts действительно удивительным, так это количество обходных путей или настроек, которые вы можете придумать для решения проблемы (также облегчает мою работу :)

Попробуйте использовать следующий фрагмент 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.

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

person Pablo    schedule 06.05.2010