在FusionCharts中自定义标签

时间:2013-08-12 08:49:29

标签: 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的新手。我可能会遗漏一些明显的东西,但请帮助。

1 个答案:

答案 0 :(得分:0)

我使用&#10;为趋势线上的标签添加换行符。

示例:

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