Настройка меток в FusionCharts

Я использую FusionCharts для отображения диаграммы Bar2D в своем приложении. Ниже то, что я получаю.

FusionChart

Как видите, этикетки не наматываются должным образом, а поскольку этикетки длинные, полосы укорачиваются.

Я попытался использовать {br} для переноса текста метки, но и в этом случае тоже, и вот что я получил:

FusionChar1

Но из-за переноса текст не выравнивается должным образом. Это выглядит случайно. Может ли кто-нибудь предложить способ обернуть эти метки, а также выровнять текст по левому краю. Я знаю, что метки не могут быть выровнены, но если кто-нибудь знает обходной путь для выравнивания по левому краю, пожалуйста, дайте мне знать.

Ниже xml:

<chart caption='' plotSpacePercent='63' labelPadding='50'  showhovercap='0' yaxisname='' xaxisname='' showValues='0'  yAxisMinValue='0' showBorder='0' showLegend='0'  anchorAlpha='0'  bgColor='"+bgcolor1+","+bgcolor2+"' canvasBgColor='"+bgcolor1+"' showCanvasBg ='0' showCanvasBase='0'  setAdaptiveYMin='1' borderThickness='0' baseFont='Arial' baseFontSize ='9' baseFontColor ='"+fontColor+"' outCnvbaseFontColor='"+fontColor+"' showAlternateVGridColor='0' showAlternateHGridColor='0' plotGradientColor='"+plotGradiantColor+"' plotBorderColor='"+plotBorderColor+"' showPlotBorder='1' divLineThickness='0' borderAlpha='0' canvasBorderAlpha='0'  canvasBorderThickness='0' bgAngle='0' bgAlpha='0' canvasbgAlpha='0' canvasBgAngle='0' connectNullData='1' exportEnabled='1' exportShowMenuItem='0' exportAtClient='0'  exportHandler='"+exportHandler+"'  outCnvbaseFontSize='11' exportAction='Download'  divLineAlpha='0' formatNumberScale='0' showYAxisValues='0' chartLeftMargin='1' chartRightMargin='5' chartTopMargin='1' chartBottomMargin='1' labelDisplay='WRAP'>
<set name='Brazil Real Estate/Property' value='200' color='2B465B'/>
<set name='Department Store Retailing' value='195' color='2B465B'/>
<set name='Vale SA.' value='190' color='2B465B' />
<styles>
    <definition>
        <style name='myCaptionFont' type='font' font='Arial' size='11'  bold='1' underline='0' />
        <style name='myAnim' type='ANIMATION'  start='$canvasStartX' param='_x'/>
    </definition>
    <application>
        <apply toObject='DataLabels' styles='myCaptionFont,myAnim'/>
    </application>
</styles>
</chart>

Я новичок в FusionCharts. Я могу упустить что-то очевидное, но, пожалуйста, помогите.


fusioncharts
person Renuka    schedule 12.08.2013    source источник
comment
Не могли бы вы попробовать добавить нужный пробел после метки методом проб и ошибок, чтобы увидеть, поможет ли это? Попробуйте использовать атрибут label вместо атрибута name.   -  person Sanjukta Mukherjee    schedule 12.08.2013
comment
Для Flash-диаграммы попробуйте использовать атрибут maxLabelWidthPercent в элементе диаграммы.   -  person Swarram    schedule 13.08.2013
comment
@Sanjukta - имена меток динамические. Мы никогда не узнаем, насколько длинные имена, поэтому добавление пробела методом проб и ошибок не будет хорошим вариантом.   -  person Renuka    schedule 14.08.2013
comment
@Swarram - я пытался использовать maxLabelWidthPercent. он добавляет эллипсы после указанной ширины вместо того, чтобы обертывать ее.   -  person Renuka    schedule 14.08.2013
comment
Кроме того, labelsDisplay=WRAP оборачивает метки даже в середине слова, например, Недвижимость/Недвижимость в Бразилии может выглядеть так: Недвижимость/Недвижимость в Бразилии.   -  person Renuka    schedule 14.08.2013

Ответы (1)


arrow_upward
0
arrow_downward

Я использовал &#10;, чтобы добавить новую строку к меткам на линиях тренда.

Пример:

<trendlines><line displayValue='Brazil Real&#10;Estate/Property' .... /></trendlines>
person Howd    schedule 11.09.2013