Search the Community

Showing results for tags 'JavaScript'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Company Forums
    • Company News
  • Product Forums
    • FusionCharts XT
    • FusionWidgets XT
    • PowerCharts XT
    • FusionMaps XT
    • Collabion Charts for SharePoint
    • jQuery Plugin for FusionCharts
    • AngularJS plugin
    • ReactJS plugin
  • General Forums
    • FusionCharts Jobs and Consultation
    • FusionLounge

Found 61 results

  1. Hi All. I am using FusionCharts XT 3.3.1-sr2.19840 to render a javascript chart and I get the following error: Cannot read property 'width' of undefined The snippet code that throws this error is (FusionCharts.HC.js): getSmartText: function (d, e, q, l) { if (!this.init) return !1; if (d === void 0 || d === null) d = ""; var v = { text: d, maxWidth: e, maxHeight: q, width: null, height: null, oriTextWidth: null, oriTextHeight: null, oriText: d, isTruncated: !1 }, i = !1, k, b, f, a, g = -1, c = -1, t = -1, x = this.container, J = this.context, ja = g = 0, la, r = [], w = 0, u = this.showNoEllipses ? "" : "...", g = this.lineHeight, V = function (a) { for (var a = a.replace(/^\s\s*/, ""), b = /\s/, g = a.length; b.test(a.charAt(g -= 1)); return a.slice(0, g + 1) }; la = J ? function (a) { return J.measureText(a).width; } : function (a) { x.innerHTML = a; return x.offsetWidth }; In some situations (generally when a = "") the call J.measureText (a) returns undefined and the next call (.width) throws the error. I could not identify why this call returns undefined, or why a = "". Can someone help me with this? Thanks in advance, Felipe Odoni
  2. Hi, I would like to create labels on pie charts that correspond to the color of their slice. So if the slice is blue, the font should be blue. This will allow me to not have to show the lines that connect the label to the pie. Is this possible? Right now I see that I can only apply one color to a set of labels.
  3. Hi, When I try to align the caption in a chart, it works fine in flash, but in javascript, the alignment does not get applied and it is always centered. Is there some other parameter I need? Here's an example: -<graph enableRotation="1" showValues="1" smartLabelClearance="" enableSmartlabels="1" pieRadius="" plotFillAlpha="100" imageSaveURL="rdTemplate/rdAnimatedChart/FCExporter.aspx" imageSave="1" showBorder="0" chartBottomMargin="" chartTopMargin="" chartRightMargin="" chartLeftMargin="" numberPrefix="" showLabels="1" bgColor="ffffff" Caption="Sales By Category" animation="1" showFCMenuItem="0" unescapeLinks="0">-<styles>-<definition><style type="font" bold="0" color="5b5b5b" size="15" font="Helvetica" name="DataLabelsFontStyle"/><style type="font" bold="1" color="5b5b5b" size="24" font="Helvetica" name="CAPTIONFontStyle" align="left"/></definition>-<application><apply styles="DataLabelsFontStyle" toObject="DataLabels"/><apply styles="CAPTIONFontStyle" toObject="CAPTION"/></application></styles><set color="00558e" name="Beverages" hoverText="" value="103924.3100"/><set color="e54c25" name="Condiments" hoverText="" value="55368.6000"/><set color="84986b" name="Confections" hoverText="" value="82657.7300"/><set color="8f72aa" name="Dairy Products" hoverText="" value="115387.6500"/><set color="e59138" name="Grains/Cereals" hoverText="" value="56871.8200"/><set color="00558e" name="Meat/Poultry" hoverText="" value="80975.1200"/><set color="e54c25" name="Produce" hoverText="" value="54940.7600"/><set color="84986b" name="Seafood" hoverText="" value="66959.2100"/></graph>
  4. Hello, I'am using AngularGauge and the option refreshInstantly works perfectly when the render is flash, but that doesn't work with javascript. So, i have to wait the refreshInterval to see the gauge moving Here is the code : {"chart":{"dataStreamURL":"http:\/\/127.0.0.1\/portail-dev\/datasource\/SupervisionJaugeGES-data.php?type_jauge=","refreshInterval":30,"bgcolor":"AEC0CA,FFFFFF","refreshInstantly":"1","showValue":"1","fillAngle":"45","lowerLimit":"0","upperLimit":"100","majorTMNumber":"0","majorTMHeight":"10","showGaugeBorder":"1","gaugeBorderAlpha":"100","gaugeInnerRadius":"65","gaugeOuterRadius":"85","gaugeOriginX":"90","gaugeOriginY":"115","formatNumberScale":"1","tickMarkDecimalPrecision":"1","pivotRadius":"9","showPivotBorder":"1","pivotBorderColor":"000000","pivotBorderThickness":"1","pivotFillMix":"FFFFFF,000000","showlimits":"0","upperLimitDisplay":"OK","lowerLimitDisplay":"NOK","manageResize":"1"},"colorRange":{"color":[{"minValue":0,"maxValue":80,"code":"B41527"},{"minValue":80,"maxValue":90,"code":"E48739"},{"minValue":90,"maxValue":100,"code":"399E38"}]},"dials":{"dial":[{"value":"0","borderAlpha":"100","borderColor":"000000","bgColor":"00FF00","baseWidth":"10","topWidth":"1","radius":"85","rearExtension":"20","borderThickness":"1","toolText":"Taux d appels OK","valueX":"70","valueY":"65"},{"value":"0","borderAlpha":"100","borderColor":"000000","bgColor":"FF8000","baseWidth":"10","topWidth":"1","radius":"85","rearExtension":"20","borderThickness":"1","toolText":"Taux d appels en erreur Fonctionnelle","valueX":"70","valueY":"85"},{"value":"0","borderAlpha":"100","borderColor":"000000","bgColor":"FF0000","baseWidth":"10","topWidth":"1","radius":"85","rearExtension":"20","borderThickness":"1","toolText":"Taux d appels en erreur Technique","valueX":"110","valueY":"65"},{"value":"0","borderAlpha":"100","borderColor":"000000","bgColor":"0000FF","baseWidth":"10","topWidth":"1","radius":"85","rearExtension":"20","borderThickness":"1","toolText":"Taux d appels OK de plus de 20 secondes","valueX":"110","valueY":"85"}]},"annotations":{"annotationGroup":{"annotation":{"type":"text","label":null,"font":"Verdana","xPos":"90","yPos":"20","halign":"middle","valign":"top","fontcolor":"333333","fontSize":"10","isBold":"1"}}},"styles":{"definition":{"style":{"type":"font","name":"myValueFont","bgColor":"F1F1F1","borderColor":"999999"}},"application":{"apply":{"toObject":"Value","styles":"myValueFont"}}}} Bug ?
  5. Hello all. I'm experiencing some weirdness when the values provided to the Javascript version of StackedColumn2D are less than one. Specifically, the sums do not always render at the top of the stacks / columns. Environment: Firefox v22.0 on Windows 7 (with reports of the same thing happening on Firefox v19 on Mac) FusionCharts.version: 3,3,1,sr2,19840 Screenshot: HTML: <html> <head> <title>JS StackedColumn2D ShowSum can't seem to handle small numbers</title> <script type="text/javascript" src="FusionCharts/FusionCharts.js"> </script> </head> <body> <div> FusionCharts.version: <script type="text/javascript">document.write(FusionCharts.version);</script> </div> <div id="chartDiv"/> <script type="text/javascript"><!-- // FusionCharts.debugMode.enabled( function() { console.log(arguments); }, 'verbose'); var myChart = new FusionCharts("StackedColumn2D", "theChartJS", "800", "600"); myChart.setDataURL("chart.xml"); myChart.render("chartDiv"); // --> </script> </body> </html> chart.xml: <chart showSum="1" caption="JS StackedColumn2D ShowSum can't seem to handle small numbers."> <categories> <category label="Mar 2013"/> <category label="Apr 2013"/> <category label="May 2013"/> <category label="Jun 2013"/> </categories> <dataset seriesName="Ground"> <set value="0.74"/> <set value="0.98"/> <set value="0.60"/> <set value="0.28"/> </dataset> <dataset seriesName="Expedited"> <set value="0.24"/> <set value="0.08"/> <set value="0.02"/> <set value=""/> </dataset> <!-- <dataset seriesName="Ground"> <set value="74"/> <set value="98"/> <set value="60"/> <set value="28"/> </dataset> <dataset seriesName="Expedited"> <set value="24"/> <set value="8"/> <set value="2"/> <set value=""/> </dataset> --> </chart> Note that when I replaced the <dataset> elements with the commented-out ones then the sums render properly at the top of each respective stack, which is why I suspect that small numbers are instigating the issue. Very mysterious! I'd appreciate any insight and suggestions for this issue. Thanks!
  6. Real Time Graph

    How to generate interactive graphs daily,weekly,monthly,yearly on it which pull their data from excel files from other website which get updated with time.
  7. Using the following defintion I get different appearances between the flash and javascript versions. Edges are not rounded in javascript. <?xml version="1.0" encoding="UTF-8"?> -<graph lineDashed="0" useRoundEdges="1" rotateValues="1" showValues="0" divLineColor="000000" canvasBgColor="dad9da" rotateLabels="1" xaxisname="X-Axis" yaxisname="Y-Axis" imageSaveURL="rdTemplate/rdAnimatedChart/FCExporter.aspx" imageSave="1" unescapeLinks="0" showBorder="0" chartBottomMargin="" chartTopMargin="" chartRightMargin="" chartLeftMargin="" numberPrefix="" showLabels="1" bgColor="ffffff" Caption="" animation="1" showFCMenuItem="0"> -<styles> -<definition> <style type="font" color="5b5b5b" size="11" font="Helvetica" name="DataLabelsFontStyle"/> <style type="font" color="5b5b5b" size="11" font="Helvetica" name="YAXISVALUESFontStyle"/> <style type="font" color="5b5b5b" size="11" font="Helvetica" name="LegendFontStyle"/> </definition> -<application> <apply styles="DataLabelsFontStyle" toObject="DataLabels"/> <apply styles="YAXISVALUESFontStyle" toObject="YAXISVALUES"/> <apply styles="LegendFontStyle" toObject="Legend"/> </application> </styles> <set color="008000" alpha="100" label="Dairy Products" value="115387.6500"/> <set color="008000" alpha="100" label="Beverages" value="103924.3100"/> <set color="008000" alpha="100" label="Confections" value="82657.7300"/> <set color="008000" alpha="100" label="Meat/Poultry" value="80975.1200"/> <set color="008000" alpha="100" label="Seafood" value="66959.2100"/> <set color="008000" alpha="100" label="Grains/Cereals" value="56871.8200"/> <set color="008000" alpha="100" label="Condiments" value="55368.6000"/> <set color="008000" alpha="100" label="Produce" value="54940.7600"/> <trendlines/> </graph>
  8. Hi, Using this defintion, the area under the line is green in flash but grey in javascript. Are you all aware of this problem? Is there a workaround I can use? I need both charts to look the same. Thanks. <?xml version="1.0" encoding="UTF-8"?> -<graph lineDashed="0" useRoundEdges="0" rotateValues="1" showValues="0" divLineColor="000000" canvasBgColor="dad9da" rotateLabels="1" xaxisname="X-Axis" yaxisname="Y-Axis" imageSaveURL="rdTemplate/rdAnimatedChart/FCExporter.aspx" imageSave="1" unescapeLinks="0" showBorder="0" chartBottomMargin="" chartTopMargin="" chartRightMargin="" chartLeftMargin="" numberPrefix="" showLabels="1" bgColor="ffffff" Caption="" animation="1" showFCMenuItem="0"> -<styles> -<definition> <style type="font" color="5b5b5b" size="11" font="Helvetica" name="DataLabelsFontStyle"/> <style type="font" color="5b5b5b" size="11" font="Helvetica" name="YAXISVALUESFontStyle"/> <style type="font" color="5b5b5b" size="11" font="Helvetica" name="LegendFontStyle"/> </definition> -<application> <apply styles="DataLabelsFontStyle" toObject="DataLabels"/> <apply styles="YAXISVALUESFontStyle" toObject="YAXISVALUES"/> <apply styles="LegendFontStyle" toObject="Legend"/> </application> </styles> <set color="008000" alpha="100" label="Dairy Products" value="115387.6500"/> <set color="008000" alpha="100" label="Beverages" value="103924.3100"/> <set color="008000" alpha="100" label="Confections" value="82657.7300"/> <set color="008000" alpha="100" label="Meat/Poultry" value="80975.1200"/> <set color="008000" alpha="100" label="Seafood" value="66959.2100"/> <set color="008000" alpha="100" label="Grains/Cereals" value="56871.8200"/> <set color="008000" alpha="100" label="Condiments" value="55368.6000"/> <set color="008000" alpha="100" label="Produce" value="54940.7600"/> <trendlines/> </graph>
  9. Hi I am using FusionChart XT My charts are not rendering in javascript, After added that line in js file which renders the chart i.e. FusionCharts.setCurrentRenderer("javascript"); Still i am getting the charts in flash and i am using these charts in pentaho-fcplugin
  10. Hello, we are using a purchased version of Fusion Maps in our web page. The maps and charts are renderized by Javascript and I have noticed that in Firefox browser (version 20.0.1 for example) is slower than in other browsers like IE or Chrome. Also I noticed that when the map is displayed with other charts in the same page, the map is even slower. Is this a normal behaviour? Can I speed up the map? Thanks John
  11. Radarchart With Json Data

    Hi, We are working on RadarChart, dataset and cateogories are retrieved from JSON Data, We need to specify some datapoints to be highlighted. How this can be achived. Please help us immediately