Jump to content
JChartFX Community

Search the Community

Showing results for tags 'jquery'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • jChartFX
    • General Questions
    • jQuery/jQuery UI
    • Styling and Aesthetics

Calendars

There are no results to display.


Found 5 results

  1. JChartFX and JQuery

    I am getting a JavaScript issue around the JChartFx and JQuery. I am using the Jquery 3.3.1 and JChartFX 7.4.5649. The issue only happens when running in IE 11 but in Chrome and Firefox it works fine. I am not sure if updating to the next version will fix this issue or not. I am guessing that i need to rollback the version of JQuery or this issue is related to something else. One more thing to add to this. The issue appears to break in the jchartfx.system.js file. I am not sure if that is the exact place but according to Visual Studio that is where it is breaking on it. I just wanted to add that in here as well to give you the most information that i can give. Last note. It appears that you cant min the JChartFx files as it will break in IE 11. Not sure why that happens but i pulled the files out of the min folder and just referenced the files and it appears to be working like it should. So this is just an FYI at this point as the issue appears to be resolved.
  2. I currently use jchartFX version 7.5.5962.21446 . What version of jQuery do you recommend using for this version of jchartFX? What about 7.5.6127?
  3. Adding onClick to Pie Chart

    Hi, We have created a pie chart and everything works fine but we now want to add a click event to each segment so we can open a page with further information. We added the following code within the document.ready jQuery("#ChartDivGroups").click(function(evt) { alert ("SET"); onChartClick(evt); }); And the following function function onChartClick(evt) { alert (evt.hitType); if (evt.hitType == cfx.HitType.Point) { var s = "Series " + evt.series + " Point " + evt.point; alert(s); } } When we click on the pie we get the alert "SET" followed by the alert within the function but here we get "undefined" We have attached the full php file Are we missing something? Thanks Rich DBGroups.php
  4. jChartFx using JQuery with Visual Studio

    I am trying to test jChartFx using an example I found on line. I get an chart is not a function error (attached image) Below is the code I have Code: @model ePortfolio.Models.WidgetViewModel @{ Layout = "~/Views/Shared/_WidgetEmptyLayout.cshtml"; } <script type="text/javascript" src="~/Scripts/jChartFx/jchartfx.system.js"></script> <script src="~/Scripts/jChartFx/jchartfx.coreVector.js"></script> <script src="~/Scripts/jChartFx/jchartfx.coreVector3d.js"></script> <script src="~/Scripts/jChartFx/jchartfx.advanced.js"></script> <script src="~/Scripts/jquery-2.1.3.js"></script> <script type="text/javascript" src="http://www.jchartfx.com/libs/jQuery/jquery-ui-1.8.18.custom.min.js"></script> <link href="~/Content/jquery-ui-1.8.16.custom.css" rel="stylesheet" /> <!-- Uncomment this section to add extended User Interaction capabilities, including the End-User Menu. The UI features require a jChartFX Plus license for deployment. <script type="text/javascript" src="jChartFX/jchartfx.userinterface.js"></script> <link rel="stylesheet" type="text/css" href="jchartfx.userinterface.css" /> --> <link href="~/stylesheets/jChartFx/Attributes/jchartfx.attributes.css" rel="stylesheet" /> <link href="~/stylesheets/jChartFx/Palettes/jchartfx.palette.css" rel="stylesheet" /> <script language="javascript" type="text/javascript"> var chart1; $(document).ready(function ($) { var items = [{ "Open": 24.2, "Date": "2003-03-01T23:45:10.280Z" }, { "Open": 21.3, "Date": "2003-03-02T23:45:10.280Z" }, { "Open": 22.4, "Date": "2003-03-03T23:45:10.280Z" }, { "Open": 24.3, "Date": "2003-03-04T23:45:10.280Z" }, { "Open": 22.6, "Date": "2003-03-05T23:45:10.280Z" }]; $("#ChartDiv1").chart({ gallery: cfx.Gallery.Bar, dataValues: items, dataSourceSettings: { fields: [{ name: "Open", usage: cfx.FieldUsage.Value }, { name: "Date", usage: cfx.FieldUsage.XValue }] }, titles: [{ text: "Mapping Fields to chart elements" }], axisY: { min: 0, max: 30 } }); }); </script> <li class="widget"> <div style="overflow:auto;"> <div data-role="navbar" class="widget-head" id="navcontainer"> @Html.DisplayFor(model => model, "WidgetHeader"); </div> <div id="ChartDiv1" style="width:600px;height:400px;display:inline-block"></div> </div> </li>
  5. jChartFx using JQuery with Visual Studio

    I am trying to test jChartFx using an example I found on line. I get an chart is not a function error (attached image) Below is the code I have Code: @model ePortfolio.Models.WidgetViewModel @{ Layout = "~/Views/Shared/_WidgetEmptyLayout.cshtml"; } <script type="text/javascript" src="~/Scripts/jChartFx/jchartfx.system.js"></script> <script src="~/Scripts/jChartFx/jchartfx.coreVector.js"></script> <script src="~/Scripts/jChartFx/jchartfx.coreVector3d.js"></script> <script src="~/Scripts/jChartFx/jchartfx.advanced.js"></script> <script src="~/Scripts/jquery-2.1.3.js"></script> <script type="text/javascript" src="http://www.jchartfx.com/libs/jQuery/jquery-ui-1.8.18.custom.min.js"></script> <link href="~/Content/jquery-ui-1.8.16.custom.css" rel="stylesheet" /> <!-- Uncomment this section to add extended User Interaction capabilities, including the End-User Menu. The UI features require a jChartFX Plus license for deployment. <script type="text/javascript" src="jChartFX/jchartfx.userinterface.js"></script> <link rel="stylesheet" type="text/css" href="jchartfx.userinterface.css" /> --> <link href="~/stylesheets/jChartFx/Attributes/jchartfx.attributes.css" rel="stylesheet" /> <link href="~/stylesheets/jChartFx/Palettes/jchartfx.palette.css" rel="stylesheet" /> <script language="javascript" type="text/javascript"> var chart1; $(document).ready(function ($) { var items = [{ "Open": 24.2, "Date": "2003-03-01T23:45:10.280Z" }, { "Open": 21.3, "Date": "2003-03-02T23:45:10.280Z" }, { "Open": 22.4, "Date": "2003-03-03T23:45:10.280Z" }, { "Open": 24.3, "Date": "2003-03-04T23:45:10.280Z" }, { "Open": 22.6, "Date": "2003-03-05T23:45:10.280Z" }]; $("#ChartDiv1").chart({ gallery: cfx.Gallery.Bar, dataValues: items, dataSourceSettings: { fields: [{ name: "Open", usage: cfx.FieldUsage.Value }, { name: "Date", usage: cfx.FieldUsage.XValue }] }, titles: [{ text: "Mapping Fields to chart elements" }], axisY: { min: 0, max: 30 } }); }); </script> <li class="widget"> <div style="overflow:auto;"> <div data-role="navbar" class="widget-head" id="navcontainer"> @Html.DisplayFor(model => model, "WidgetHeader"); </div> <div id="ChartDiv1" style="width:600px;height:400px;display:inline-block"></div> </div> </li>
×