flavio00

Caption problem. "..."

Recommended Posts

Hey there!

 

I am using some graphics, and all of them I'm having problems with the title. They are being cut and the characters "..." are appearing in place. Is there any way to adjust the title to my chart?

 

My chart caption XML and styles:

 

<chart showBorder='0' formatNumberScale='0' decimals='1' showLegend='1' decimalSeparator=',' thousandSeparator='.' caption='QTD. DE O.S./MÊS (JUN - 29)'
 vDivLineColor='FFFFFF' numDivlines='5' showLabels='1' bgColor='FFFFFF' showValues='1' showYAxisValues='1' yAxisName='Quantidade de O.S.' labelDisplay='ROTATE'
 slantlabels='1' showPlotBorder='0' canvasbgAlpha='0' canvasBorderAlpha='0' useRoundEdges='0' plotGradientColor='' placeValuesInside='0' yAxisMaxValue='1600'
 showAlternateHGridColor='0' divLineIsDashed='1' divLineDashLen='1' divLineDashGap='2' subcaption='Meta (95%25) = 0{br}Quantidade de OSs Executadas = 803 (∞%25)'>

 

<definition> 
<style name='myCaption' type='font' font='Verdana' size='14' color='000000' bold='1'/> 
<style name='mySubCaption' type='font' font='Verdana' size='12' color='4F81BD' bold='0'/> 
<style name='myDataLabels' type='font' size='10' color='000000' bold='0'/> 
<style name='myDataValues' type='font' color='000000' bold='1'/> 
</definition>
 
But my caption was showing "QTD. DE O.S./MÊS (JUN..." with the "...". 
 
I changed size property, but not works. Anyone knows how solve this? Thanks.

Share this post


Link to post
Share on other sites

Hey! Thanks for the answer.

 

jsfiddle dont works for me, i must be something wrong.

 

Anyway, my chart data is where:

 

<chart showBorder='0' formatNumberScale='0' decimals='1' showLegend='1' decimalSeparator=',' thousandSeparator='.' caption='QUANTIDADE DE O.S. / PREDIO (JUL-15)'
vDivLineColor='FFFFFF' numDivlines='5' showLabels='1' bgColor='FFFFFF' showValues='1' showYAxisValues='1' yAxisName='Quantidade de O.S.' showPlotBorder='0' 
canvasbgAlpha='0' canvasBorderAlpha='0' useRoundEdges='0' plotGradientColor='' placeValuesInside='0' yAxisMaxValue='1000' legendNumColumns='3'
showAlternateHGridColor='0' divLineIsDashed='1' divLineDashLen='1' divLineDashGap='2' plotfillalpha="95" >
<categories>
<category label='ICI-I'/>
<category label='ICI-II' />
</categories>
<dataset seriesname='ABERTAS' color='953735' showValues='0'>
<set value='593' displayValue='593{br}57,06%' showValue='1'/>
<set value='300' displayValue='300{br}29,41%' showValue='1'/>
</dataset>
<dataset seriesname='ACUMULADAS' color='00B0F0' showValues='0'>
<set value='4' displayValue='4{br}0,10%' showValue='1'/>
<set value='1' displayValue='1{br}0,10%' showValue='1'/>
</dataset>
<dataset seriesname='NO PRAZO' color='4F6228' showValues='0'> 
<set value='433' displayValue='433{br}41,37%' showValue='1'/>
<set value='184' displayValue='184{br}18,04%' showValue='1'/>
</dataset>
<dataset seriesname='FORA DO PRAZO' color='7030A0' showValues='0'>
<set value='3' displayValue='3{br}0,10%' showValue='1'/>
<set value='0' displayValue='0{br}0,00%' showValue='0'/>
</dataset>
<dataset seriesname='ATRASADAS' color='376092' showValues='0'>
<set value='433' displayValue='433{br}41,37%' showValue='1'/>
<set value='184' displayValue='184{br}18,04%' showValue='1'/>
</dataset>
<dataset seriesname='REMANEJADAS (PROX. MES)' color='FF0000' showValues='0'>
<set value='10' displayValue='10{br}0,98%' showValue='1'/>
<set value='0' displayValue='0{br}0,00%' showValue='0'/>
</dataset>
<styles>
<definition>
<style name='myCaption' type='font' font='Verdana' size='14' color='000000' bold='1'/>
<style name='myDataLabels' type='font' size='10' color='000000' bold='0'/>
<style name='myDataValues' type='font' color='000000' bold='1'/>
</definition>
<application>
<apply toObject='Caption' styles='myCaption' />
<apply toObject='DataLabels' styles='myDataLabels' />
<apply toObject='DataValues' styles='myDataValues' />
</application>
</styles>
</chart>
 
and this is my js file:
 
<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <head>
        <title>Multi Series Column 2D Chart</title>
        <link href="../../Contents/assets/ui/css/style.css" rel="stylesheet" type="text/css" />
        <link href="../../Contents/assets/prettify/prettify.css" rel="stylesheet" type="text/css" />
        <script language="JavaScript" src="../../Charts/FusionCharts.js"></script>
        <script type="text/javascript" src="../../Contents/assets/ui/js/jquery-1.4.2.min.js"></script>
        <script type="text/javascript" src="../../Contents/assets/prettify/prettify.js"></script>
        <script type="text/javascript" src="../../Contents/assets/ui/js/json2.js"></script>
 
        <script type="text/javascript">
            $(document).ready ( function () {
                $("a.view-chart-data").click( function () {
                    var chartDATA = '';
                    if ($(this).children("span").html() == "View XML" ) {
                        chartDATA = FusionCharts('ChartId').getChartData('xml').replace(/\</gi, "<").replace(/\>/gi, ">");
                    } else if ($(this).children("span").html() == "View JSON") {
                        chartDATA = JSON.stringify( FusionCharts('ChartId').getChartData('json') ,null, 2);
                    }
                    $('pre.prettyprint').html( chartDATA );
                    $('.show-code-block').css('height', ($(document).height() - 56) ).show();
                    prettyPrint();
                })
 
                $('.show-code-close-btn a').click(function() {
                    $('.show-code-block').hide();
                });
            })
        </script>
    </head>
 
 
    <body>
        <h3 class="chart-title">Multi Series Column 2D Chart</h3>
        <p> </p>
 
 
        <div id="chartdiv" align="center"> FusionCharts. </div>
        <script type="text/javascript">
            var chart = new FusionCharts("../../Charts/MSColumn2D.swf", "ChartId", "760", "300", "0", "0");
            chart.setXMLUrl("../Data/XML/Chart01COR.xml");
            chart.render("chartdiv");
        </script>
 <p> </p>
<P align="center">Multi-Series Column 2D chart comparing global export index. Click on an item in legend to show/hide the data series.</P>
<p> </p>
        <div class="qua-button-holder">
            <a class="qua qua-button view-chart-data" href="javascript:void(0)"><span>View XML</span></a>
            <a class="qua qua-button view-chart-data" href="javascript:void(0)"><span>View JSON</span></a>
        </div>
        <div class="show-code-block">
             <div class="show-code-close-btn"><a class="qua qua-button" href="javascript:void(0)"><span>Close</span></a></div>
             <pre class="prettyprint"></pre>
         </div>
     </body>
 </html>
 
Thanks for help-me! :D

Share this post


Link to post
Share on other sites

I am very sad with the support offered by FusionCharts team. I presented a problem that you at least give me a satisfying answer. I use the tool for some time, there was not need the support so far. Very sad this situation.

Share this post


Link to post
Share on other sites

I solved the problem, it was a bug in the previous version. 3.2.1.

 

I am sad to have such a problem with a paid tool and not receiving any aid. FusionCharts not indicate anyone.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now