Показать ярлык на верхней части bar2d с помощью fusioncharts - PullRequest
Новая
       23

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

0 голосов
/ 06 мая 2010

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

Например: 

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

Спасибо.

1 Ответ

1 голос
/ 06 мая 2010

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

Пожалуйста, попробуйте следующий фрагмент XML, используя 2D-диаграмму для одной серии. 

<?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, т. Е. В данном случае видимую метку, ближе к графику данных ниже.

В качестве альтернативы, вы также можете использовать 2D-диаграмму Multi-series Bar для воссоздания вышеупомянутого эффекта, используя приведенный ниже фрагмент 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

...