genghis9021

Members
  • Content count

    7
  • Joined

  • Last visited

Posts posted by genghis9021


  1. I understand that NPM or Bower is now used for installation.

    In my case, the new XT files were simply copied into the existing FusionCharts directory.

    1) Was this sufficient ? Or do I need to use NPM or Bower to do a proper install/upgrade ?

    Perhaps coincidentally, I've noticed 'SourceMap errors' in Firefox & Chrome. The only way I can remove them is to remove the source mapping line at the bottom of the associated FusionCharts files (fusionchart.js & fusioncharts.charts.js).

    //# sourceMappingURL=http://localhost:3052/3.12.2/map/licensed/fusioncharts.charts.js.map

    otherwise the following appears though everything is "working" without issue.

    Source map error: TypeError: NetworkError when attempting to fetch resource. Resource URL: http://localhost/Collection-Lab/FusionCharts/fusioncharts.charts.js Source Map URL: http://localhost:3052/3.12.2/map/licensed/fusioncharts.charts.js.map

    2) Is this related to the install not being properly executed as above - ie, no NPM, no path update, etc.


  2. The REAL question which most of my post discussed was regarding: a) side-by-side JS Charts . . . ; B) that would work on iOS (JS) and desktop browsers (Flash), and; c) with the same code and automatically.

     

    B) & c) were only of interest IF a) could be solved.

    Hi,

     

    To force render the chart in JavaScript method, you need to add below line of code, before rendering the chart.

     

    Ref. Code:

    FusionCharts.setCurrentRenderer("javascript");
    myChartLeft.render("chartContainer");
    

     

    But, please note that FusionCharts XT has automatic JavaScript Fallback feature, wherein the charts figure out the best mode of rendering (either Flash or JavaScript, based on availability of Flash Player).

     

    So, both non-Flash and Flash devices, it will work fine.

     

    Hope I am able to clarify myself.


  3. Would your method work with JS chart render . . . like

     

    <%

    var myChartLeft = new FusionCharts ( "FusionCharts/Column3D.swf", "myChart1", "400", "300" );

    var myChartRight = new FusionCharts ( "FusionCharts/Column3D.swf", "myChart2", "400", "300" );

     

    myChartLeft.setXMLData("data1.xml");

    myChartRight.setXMLData("data2.xml");

     

    myChartLeft.render("chartContainer");

    myChartRight.render("chartContainer");

    %>

     

    <script type="javascript">

    inlineChart("myChart1");

    inlineChart("myChart2");

    </script>

     

    ...

     

    This FORCES the JS charts . . . if it works.

     

    But what if I want to offer charts to non-Flash AND Flash devices ?

     

     

     

    <html>

    <head>

    <script type="text/javascript">

    function inlineChart(id) {

    document.getElementById(id).parentNode.style.display = 'inline';

    }

    </script>

    </head>

     

    <body>

     

    <---asp code here---->

     

    <script type="text/javascript">

    inlineChart('chart1'); //id of first chart

    inlineChart('chart2'); //id of second chart

     

    </script>

    </body>

     

    </html>

     

     

     

    myChart = new FusionChart

    chart.render()

    chart.setXML

    chart.

    Hello, When you are using ASP to render charts, the charts ar by default rendered one after another (not side by side) as the renderChart() renders FusionCharts inside <div> elements. As a possible alternative, you can set the style of the the <div> elements into 'inline' elements using JavaScript.

     

     

    Please refer to the code below:

    <html>

    <head>

    <script type="text/javascript">

    function inlineChart(id) {

    document.getElementById(id).parentNode.style.display = 'inline';

    }

    </script>

    </head>

     

    <body>

     

    <---asp code here---->

     

    <script type="text/javascript">

    inlineChart('chart1'); //id of first chart

    inlineChart('chart2'); //id of second chart

     

    </script>

    </body>

     

    </html>

     

    I hope this helps you.


  4. ALL .js files are in dir as required.

     

    I don't want to FORCE JS charts . . . this will run on iPad AND desktop.

     

    When I force JS charts as specified . . . does not work on desktop, either.

     

     

     

    Hi,

     

    For rendering JavaScript charts, you would have to include the necessary JavaScript files into your project folder.

     

     

    > FusionCharts.js

    > FusionCharts.HC.js

    > FusionCharts.HC.Charts.js

    > jquery.min.js

     

    Also, keep all these files in the same folder.


  5. Code below works fine on desktop . . . but not on iPad.

     

    I can create simple HTML (like your weekly sales example) and it works. But this does not. XML is "well-formed", confirmed in a number of editors and in browser window.

     

    The DIVs below are selected via a multi-select . . . "Report->Product" producing two graphs (the "overall" and one constituent).

     

    <div id="GraphProduct">

    <!-- CREDIT LOSS -->

    <div id="CA1" style="" class="graphproductdiv">

    <span id="report">Report</span>

    <span id="product">Product</span>

     

    <script type="text/javascript">

    // FusionCharts.setCurrentRenderer('JavaScript');

    //FusionCharts._fallbackJSChartWhenNoFlash();

    var myProduct = FusionCharts.render("./FusionCharts/MSLine.swf",

    "myProductId", "480", "360", "report", "./App_Files/dataCL_M<%=ModuleIndex%>_<%=SessionKey%>_<%=RoundSuffix%>.xml");

    var myReport = FusionCharts.render("./FusionCharts/MSLine.swf",

    "myReportId", "480", "360", "product", "./App_Files/dataCL_Unsecured_M<%=ModuleIndex%>_<%=SessionKey%>_<%=RoundSuffix%>.xml");

    </script>

    </div>

     

    <div id="CA2" class="graphproductdiv">

    <span id="span1">Report</span>

    <span id="span2">Product</span>

     

    <script type="text/javascript">

    var myProduct = FusionCharts.render("./FusionCharts/MSLine.swf",

    "myProductId", "480", "360", "span1", "./App_Files/dataCL_M<%=ModuleIndex%>_<%=SessionKey%>_<%=RoundSuffix%>.xml");

    var myReport = FusionCharts.render("./FusionCharts/MSLine.swf",

    "myReportId", "480", "360", "span2", "./App_Files/dataCL_Secured_M<%=ModuleIndex%>_<%=SessionKey%>_<%=RoundSuffix%>.xml");

    </script>

    </div>


  6. Bindhu,

     

    Thank you very much. It makes the chart behave exactly as I desire once the numDivLines is set properly.

     

    BTW, I lived in Bangalore for 6 years . . . Indiranagar.

     

    Kurt

     

    Hi Kurt,

     

    Thank you for the post.

     

    I would like to bring to your notice a few Dragging Related Attributes that can be used to control the way the users are let to drag.

     

    1. snapToDivOnly:

    Using this option, you can set the configuration that data points can be dragged only to the nearest divisional lines on chart.

    That means, the data points cannot acquire a value between any two divisional lines and as such, they'll always fall on a divisional line value.

     

    2. snapToDiv:

    When dragging the lines, you can snap them to the nearest divisional line on chart. To do so, just set this attribute as 1.

     

    The difference between this attribute and snapToDivOnly attribute is that snapToDivOnly attribute (when set to 1) allows you to drag the data points onto a div line.

    But using this attribute, you can create a "sticky" kind of interface, so that when the data points is dropped near a divisional line, it assumes the divisional line value.

    However, if it's dropped at a farther location, it will stay here.

     

    3. snapToDivRelaxation :

    When snaptoDiv is set to 1, this attribute lets you set the distance in pixels (from each divisional lines), where the data points will behave "sticky".

     

    4. doNotSnap:

    If you do not want the data points to stick to any divisional lines, set this attribute as 1.

     

    5. allowAxisChange:

    In FusionCharts drag charts, the end user has to option to change axis limits.

    He can increase/decrease the axis limits as per his requirements. If you do not want the user to be able to change axis limits, set this attribute as 0.

     

    For more details on 'Drag-able Line Chart Specification Sheet', please refer to the link below,

    http://docs.fusionch...SS/DragLine.htm

     

    However, I am afraid, you have to code in your own logic to round off the values.

     

    Hope this helps !

     

     

     


  7. Hi,

     

    I've been experimenting with the PowerCharts DRAGGABLE LINE CHART (DragLine.swf).

     

    My goal is to use the "chart" as a control permitting users to SET values with the line chart.

     

    For instance, consider that the chart is used to "forecast" some economic parameter like Employment. Users would set their "forecasted" values for each quarter and then these would be posted to the server for future storage and use.

     

    I'm having a problem in that if my vertical axis values are 0-10 I can select say "9" but the actual point on the graph seems to be at 8.8 or 9.2 (it doesn't look great). Is there a way to make ONLY integer values settable and therefore post-able ?

     

    I have been able to have only integer values display, so that even when it appears to the eye that the node is on x.8 or x.2 the actual hover display value is 'x'.

     

    I've attached my XML.

     

    Thanks,

     

    Kurt

    UnemploymentDragNode.xml