Jump to content
JChartFX Community


  • Content Count

  • Joined

  • Last visited

Everything posted by angelr

  1. Please send us an email to productsonline@softwarefx.com (remove online) with the product serial number.
  2. 2. Complementing JuanC answer, please check the releasenotes.txt file included in the downloadable jchartfx.7.3.5518.zip file. Also, if you visit jChartFX Programmer's Guide: http://support.softwarefx.com/jChartFX/PG, you will see articles tagged by version number. Please see attached image. We will add a kb article listing all new features grouped by version. This should be finished soon and then added to the programmer's guide.
  3. I just downloaded the sample and it seems to be working fine on IE11. Can you confirm if it is working at your end?
  4. We were able to reproduce this issue. We already fixed the docs site and we will be releasing a HotFix addressing this issue in the next few days.
  5. We ran a few tests at our end, trying to replicate the behavior you reported, and this is what we found: We used 3 different tests on 3 different browsers: Test 1: An HTML webpage rendering (12) basic charts with some minor customization like series gallery types. Test 2: An HTML webpage rendering (12) charts with some data being passed to the charts. Test 3: An HTML webpage rendering (12) charts with custom visual attributes, like enabling animations, adding titles, changing labels, modifying the series fill mode and also passing data to the chart. and these are the results we got: Usi
  6. You have a reference in your code to jChartFX version 7.0.4728.16930/jchartfx.full.js, but the Animations feature was release on JChartFX version 7.1 The order importing JChartFX libraries is important. We use jchartfx.full.js to ease the deployment process but it is always recommended to upload JChartFX libraries on demand as needed. I tried your code using this reference: <script type="text/javascript" src="'>http://www.jchartfx.com/libs/v7/current/js/jchartfx.full.js"></script> and it worked as expected. Attachments.zip
  7. To set the AxisX label font size in code using the API, please use: var axisX = chart1.getAxisX(); axisX.setFont("14px Arial"); To set the AxisX label font size using css styles: .jchartfx .AxisX_Text { font-family: Arial; font-size: 12pt; } I just tested adding the font style in a local copy of a jchartfx.css file and it worked as expected.
  8. Following is a sample code to resemble your chart using JChartFX: <!DOCTYPE html> <html> <head> <title>Multi-Stacked Series</title> <script type="text/javascript" src="Scripts/jchartfx.system.js"></script> <script type="text/javascript" src="Scripts/jchartfx.coreVector.js"></script> <script type="text/javascript" src="Scripts/jchartfx.advanced.js"></script> <script type="text/javascript" src="Scripts/jchartfx.vectorTemplates.js"></script> </head> <body> <div id="ChartDiv
  9. Thank you for your feedback. We will update the documentation. In the meantime, here is a working sample showing real-time capabilities: http://jsfiddle.net/softwarefx/esVgj/
  10. Here is a fiddle using JChartFX + jQuery 1.8.2: http://jsfiddle.net/softwarefx/nm87U/
  11. Here is sample showing how to highlight points that fall within different ranges in a bar chart: <!DOCTYPE html> <html> <head> <title></title> <script type='text/javascript'> window.onload = function () { onLoadDoc(); } var chart1; function onLoadDoc() { chart1 = new cfx.Chart(); chart1.setGallery(cfx.Gallery.Bar); var axis1 = chart1.getAxisY(); axis1 = chart1.getAxisY(); axis1.setMin(0); axis1.setMax(100); v
  12. Are you asking about forecasting or showing trends in charts? If that is what you are looking for, unfortunately adding prediction analysis or regression analysis to render a trendline is currently not supported in jChartFX.
  13. Make sure you are adding the required JavaScript Libraries. The only two files required in any scenario are: - jchartfx.coreVector.js or jchartfx.coreBasic.js (depending on whether you want to use Vector based rendering or not) - jchartfx.system.js Beyond those two, you can add or remove references as needed based on the functionality you want to make available on the chart. Are you calling a specific method when received this error?
  14. Here is a small sample showing a Pareto Chart: <!DOCTYPE html> <html> <head> <title></title> <script type='text/javascript'> window.onload = function () { onLoadDoc(); } var chart1; var items = [{ "Country": "China", "Population": 1357379000 }, { "Country": "India", "Population": 1256994000 }, { "Country": "United States", "Population": 316244000 }, { "Country": "Indonesia",
  15. We tried a Cordova example dispatched in PhoneGap latest version. The Eclipse Android\cordova project comes with an html webpage (index.html) that we edited to include JChartFX libraries and to create a Bar Chart in code. We set a simple Bar Chart with no additional interactivity. The chart image rendered as expected within the app in the AVD/emulator and also, when exported as an Android App(.apk) to a real Android Tablet (Motorola Xoom Android 4.1.2). Here is the html we used and the resulting chart image: <html> <head> <meta http-equiv="Content-Type" con
  16. Here is an interesting blog post on how to use JChartFX within Sharepoint 2013 using DisplayTemplates: http://bpatinkerings.wordpress.com/2013/02/18/simple-search-driven-charting-solution-in-sharepoint-2013-with-content-by-search-and-display-templates/
  17. You have to change the data object notation.Try this: var chart1; function loadChart() { chart1 = new cfx.Chart(); var data = [{ "Label": "a", "Value": 5 }, { "Label": "b", "Value": 6 }, { "Label": "c", "Value": 4 }]; chart1.setDataSource(data); chart1.setGallery(cfx.Gallery.Pie); chart1.create('ChartDiv'); }
  18. We wrapped a small sample showing how to pass data with different data points and multiple axes. This chart renders 3 different Y-axis: Pressure, Water Flow and Oil Flow. The first two series (Pressure) are mapped to the first Y-axis, the second two (water flow) are mapped to the second Axis and consecutively. In some cases, the chart interpolates lines. If you want to avoid this, set this property to false: chart1.getData().setInterpolateHidden(true); Here is the jsfiddle for this sample: http://jsfiddle.net/Gv5vw/1/ and the sample code: <html> <head> <title>M
  19. Following your recommendation, we are going to publish a jsfiddle for each one of our samples. We will keep you posted when all jsfiddle
  20. 1) Real-Time charts are supported in jChartFX and they can be feed with live data. Let me know in case you need a sample showing a real-time chart. 2) Selecting an area to zoom is currently not supported in jChartFX; this is something we are considering for future versions. 3) Annotations can be created in code using the API (not at run time by an end user) and they can be dynamically positioned in different chart areas, so you can obtain chart data points values where the Annotation was placed (or axis coordinates) and capture this data to your DB. As I mentioned before, zoom is not s
  21. Here is an HTML for a small sample of JChartFX using JQueryUI: <html> <head> <title>jChartFX using JQueryUI</title> <style> #targetchart { width: 608px; height: 408px; padding: 4px; border: 1px solid #dddddd; background: #eeeeee } #targetchart h3 { text-align: center; margin: 0; } </style> <link type="text/css" href="Styles/jquery-ui-1.8.20.custom.css" rel="Stylesheet" /> <script type="text/javascript" src="Include/jquery.js"> </script> <script type="text/javascript" src
  22. To set an image for the background of a chart: var imageBack = new cfx.ImageBackground('images/image.png,640,400'); chart1.setBackground(imageBack); Please make sure to include jchartfx.advanced.js as a reference in your html.
  23. When you download JChartFX, the compressed file contains a text document (ibraries.txt) explaining more about what JavaScript files you should include in your project. The only two files required in any scenario are: - jchartfx.coreVector.js or jchartfx.coreBasic.js (depending on whether you want to use Vector based rendering or not) - jchartfx.system.js Regarding the CSS file to use, in the same compressed file I mentioned before, we include the jchartfx.css file labeling all of the chart attributes and its current default styles that you can use as a base to customize your chart
  24. Phil, When reporting issues, please narrow your code down to the smallest reproducible test case. The idea here is to isolate the cause of the problem by commenting out any non-chart related customized code. Some gallery types require a specific number of series like: Candlestick, Open High Close and other financial galleries. Please make sure you pass the required data to properly render a chart. I tried your sample, and after commenting out some customized JavaScript and CSS (elmstone.css, elmstone.js, onclick, etc), I was able to render the galleries you previously reported as
  25. The snippet in the API Doc is outdated. We are going to fix it. Thanks for reporting. In the meantime, please try: var lia1 = new cfx.LegendItemAttributes(); lia1.setVisible(false); chart1.getLegendBox().getItemAttributes().setItem(chart1.getSeries(), 1, lia1);
  • Create New...