Sign in to follow this  
srpokala

Download context menu moves when i scroll up or down

Recommended Posts

 Hi,

 

I am a new user to fusion charts and i have been using javascript charts and not flash.

 

I have this issue where i am able to get the download context menu on my chart but it moves down when i scroll down.

 

Here are the options that i have setup

 

var chartOptions = new Dictionary<stringstring>
                {
                    {"caption""test per CA"},                  
                    {"showlegend""1"},
                    {"legendallowdrag""0"},
                    {"formatnumberscale""0"},
                    {"exportenabled","1"},
                    {"exportatclient""1"}
                };

 

i have attached the images that show my errors. Can somebody please help me and let me know what needs to be done to fix this issue.

 

If you need more information please let me know.

 

post-51664-0-08919600-1375380374_thumb.jpgpost-51664-0-12061900-1375380375_thumb.jpg

 

Thanks

Sri

Share this post


Link to post
Share on other sites
Guest Sumedh

Hi Sri,

 

Did you render the chart inside any type of control?

 

Can you please send us the sample HTML code? 

Share this post


Link to post
Share on other sites

No this is inside a partial view within a div tag

 

<div id="CertificateDistribution" style="floatleft;">Certificate Distribution</div>

 

and the javascript is 

 

var certDistribution = new FusionCharts("MSLine", "certDistributionChart", "700", "400");

$.get('@Url.Action("ActionName", "Controller")', null, function (data) {

        certDistribution.setJSONData(data);
     });

    certDistribution.render("CertificateDistribution");

Share this post


Link to post
Share on other sites
Guest Sumedh

Hi Sri,

 

We have tried replicating same, we rendered chart inside iFrame to scroll-up and scroll-down the chart.

 

But we are unable to replicate the same. Export menu item is displaying fine.

 

To replicate the same at our end, can you please provide the steps to replicate the same or send us the sample project.

Share this post


Link to post
Share on other sites

Hi Sumedh,

 

Thank you for looking into it. I was able to pin point where the issue was after a few hours of debugging. When the charts were enclosed in the div which had the following css below this issue was occuring

 

position: absolute;overflow-x: hidden;overflow-y: auto;

 

 

The position attribute is causing the issue and i currently have a workaround but my page is not being rendered as i want it to.

 

Any suggestions?

 

Thanks

Sri

Share this post


Link to post
Share on other sites
Guest Sashibhusan

Hi,

 

Could you please provide any scaled down sample to replicate the issue and step ahead to look into your issue?

 

Also, just give a try by re-rendering the chart on scrolling the chart and see if it works.

 

Awaiting your response.

Share this post


Link to post
Share on other sites

_Layout.cshtml

 

<!DOCTYPE HTML>

<html>
<head>
    <title>TestCharts</title>
    <script src="@Url.Content("~/Scripts/jquery-1.6.2.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery-1.6.2.min.js")" type="text/javascript"></script>
      <script src="@Url.Content("~/FusionCharts/FusionCharts.js")" type="text/javascript" ></script>
    <script src="@Url.Content("~/Scripts/modernizr-2.0.6-development-only.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/main.js")" type="text/javascript"></script>    
</head>

    <body>
        <div style="position: absolute;left: 0px;top: 0px;bottom: 0px;right: 0px;overflow-x: hidden;overflow-y: auto;">
             @RenderBody()
        </div>       
    </body>
</html>

 

Index.cshtml

 

<div id="chartContainer">FusionCharts XT will load here!</div>  

<div id="chartContainer1">FusionCharts XT will load here!</div>  
<div id="chartContainer2">FusionCharts XT will load here!</div>  

<script type="text/javascript">       

    var myChart = new FusionCharts("Column3D", "myChartId", "600", "500", "0");
    $.get('@Url.Action("CertificateDistribution", "Home")', null, function (data) {
        myChart.setJSONData(data);
    });
    
    myChart.render("chartContainer");
    
    var myChart1 = new FusionCharts("Column3D", "myChartId1", "600", "500", "0");
    $.get('@Url.Action("CertificateDistribution", "Home")', null, function (data) {
        myChart1.setJSONData(data);
    });

    myChart1.render("chartContainer1");
    
    var myChart2 = new FusionCharts("Column3D", "myChartId2", "600", "500", "0");
    $.get('@Url.Action("CertificateDistribution", "Home")', null, function (data) {
        myChart2.setJSONData(data);
    });

    myChart2.render("chartContainer2");         
    </script> 

 

HomeController.cs

public stringIndex()

        {
            return "{\"chart\":{\"caption\": \"Weekly Sales Summary\",\"xAxisName\": \"Week\",\"yAxisName\": \"Sales\",\"numberPrefix\": \"$\",\"exportenabled\":\"1\"},\"data\":[{ \"label\": \"Week 1\", \"value\": \"14400\" },{ \"label\": \"Week 2\", \"value\": \"19600\" },{ \"label\": \"Week 3\", \"value\": \"24000\" },{ \"label\": \"Week 4\", \"value\": \"15700\" }]}";
        }

 

 

It is a .net MVC application

Share this post


Link to post
Share on other sites

Any update on this issue?

 

 

 

Thanks

Sri

Hi Sri,

 

We have tested a sample with the latest FusionCharts files and are unable to replicate the issue.

 

Could you please mail us a scaled-down sample at "[email protected]" so that we are able to assist you further?

 

Awaiting your response.

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
Sign in to follow this