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 4 results

  1. 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?
  2. 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
  3. 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>
  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>
×