2013-08-12 5 views
0

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

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. Возможно, мне не хватает чего-то очевидного, но, пожалуйста, помогите.

+0

Мог бы вы, пожалуйста, попробуйте добавить желаемое место после «ярлыка» методом проб и ошибок метода, чтобы увидеть, если это помогает? Попробуйте использовать атрибут «label» вместо атрибута «name». –

+1

Для флэш-диаграммы попробуйте использовать атрибут maxLabelWidthPercent в элементе диаграммы. – Swarram

+0

@Sanjukta - имена ярлыков являются динамическими. Мы никогда не узнаем, как долго будут имена, поэтому добавление пространства пробной ошибкой n не будет хорошим вариантом. – Renuka

ответ

0

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

Пример:

<trendlines><line displayValue='Brazil Real&#10;Estate/Property' .... /></trendlines> 
Смежные вопросы