angelr

Please send us an email to productsonline@softwarefx.com (remove online) with the product serial number.

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.

I just downloaded the sample and it seems to be working fine on IE11. Can you confirm if it is working at your end?

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.

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: Using a Timer Browser Basic +Data +Visual Attributes Firefox 1.75s 1.90s 6.10s Chrome 1.65s 2.30s 3.61s IE 1.58s 1.83s 4.23s Using the browser Profiler with Cache Browser Basic +Data +Visual Attributes Firefox 0.08s 0.08s 0.10s Chrome 2.01s 1.91s 3.60 Using the browser Profiler without Cache Browser Basic +Data +Visual Attributes Firefox 5.09s 4.06s 11.3s Chrome 2.26s 2.30s 2.21s Test 1 - Basic. chart1.getData().setSeries(5); chart1.getSeries().getItem(0).setGallery(cfx.Gallery.Bar); chart1.getSeries().getItem(1).setGallery(cfx.Gallery.Bar); chart1.getSeries().getItem(2).setGallery(cfx.Gallery.Lines); chart1.getSeries().getItem(2).setStacked(false); chart1.getSeries().getItem(3).setGallery(cfx.Gallery.Lines); chart1.getSeries().getItem(3).setStacked(false); Test 2 - Passing Data chart1.getData().setSeries(5); chart1.getSeries().getItem(0).setGallery(cfx.Gallery.Bar); chart1.getSeries().getItem(1).setGallery(cfx.Gallery.Bar); chart1.getSeries().getItem(2).setGallery(cfx.Gallery.Lines); chart1.getSeries().getItem(2).setStacked(false); chart1.getSeries().getItem(3).setGallery(cfx.Gallery.Lines); chart1.getSeries().getItem(3).setStacked(false); for (var i = 0; i < 10; i++) { chart1.getData().setItem(0, i, Math.floor(Math.random() * (100))); chart1.getData().setItem(1, i, Math.floor(Math.random() * (100))); chart1.getData().setItem(2, i, Math.floor(Math.random() * (100))); chart1.getData().setItem(3, i, Math.floor(Math.random() * (100))); } Test 3 - Visual Attributes + Passing Data chart1.getData().setSeries(5); chart1.getSeries().getItem(0).setGallery(cfx.Gallery.Bar); chart1.getSeries().getItem(1).setGallery(cfx.Gallery.Bar); chart1.getSeries().getItem(2).setGallery(cfx.Gallery.Lines); chart1.getSeries().getItem(2).setStacked(false); chart1.getSeries().getItem(3).setGallery(cfx.Gallery.Lines); chart1.getSeries().getItem(3).setStacked(false); chart1.getAnimations().getLoad().setEnabled(true);// # animates drawing of graph var titles = chart1.getTitles(); var title = new cfx.TitleDockable(); title.setText("Expected vs Worked/Flexed Hours"); titles.add(title); chart1.getLegendBox().setDock(cfx.DockArea.Bottom); chart1.getAxisX().setStep(2); chart1.getAxisX().setLabelAngle(45); chart1.getAxisY().getTitle().setText("Hours"); chart1.getAllSeries().setBarShape(cfx.BarShape.Cylinder); chart1.getAllSeries().setStackedStyle(cfx.Stacked.Normal); chart1.getAllSeries().setFillMode(cfx.FillMode.Pattern); chart1.getAllSeries().setVolume(75); chart1.getAllSeries().setStackedStyle(cfx.Stacked.Normal); for (var i = 0; i < 10; i++) { chart1.getData().setItem(0, i, Math.floor(Math.random() * (100))); chart1.getData().setItem(1, i, Math.floor(Math.random() * (100))); chart1.getData().setItem(2, i, Math.floor(Math.random() * (100))); chart1.getData().setItem(3, i, Math.floor(Math.random() * (100))); } As you can see there are different variables that might affect the chart rendering times like: the amount and location of the data being passed to the chart, the customized chart visual attributes, whether the page is cached or not, the browser type and version rendering the chart, location of jChartFX (plus other frameworks) libraries, among many others. Attached you'll find the code and the screenshots of the samples we used for our tests, so you can use them as a base to troubleshoot the slowness issue you are reporting. TestCharts - Basic.zip TestCharts - Data.zip TestCharts - VisualAttributes.zip

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

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.

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="ChartDiv1" style="width: 600px; height: 400px; display: inline-block"></div> <script type="text/javascript"> window.onload = function () { onLoadDoc(); }; var chart1; function onLoadDoc() { chart1 = new cfx.Chart(); var items = [ { "Product A": 110, "Product B": 80, "Service A": 100, "Service B": 50, "Service C": 45, "Date": "2001-01-01T24:00:00.000Z" }, { "Product A": 100, "Product B": 100, "Service A": 95, "Service B": 40, "Service C": 50, "Date": "2002-01-01T24:00:00.000Z" }, { "Product A": 105, "Product B": 130, "Service A": 100, "Service B": 50, "Service C": 50, "Date": "2003-01-01T24:00:00.000Z" }, { "Product A": 115, "Product B": 150, "Service A": 95, "Service B": 50, "Service C": 50, "Date": "2004-01-01T24:00:00.000Z" }, { "Product A": 120, "Product B": 100, "Service A": 45, "Service B": 35, "Service C": 45, "Date": "2005-01-01T24:00:00.000Z" } ]; chart1.setDataSource(items); chart1.setGallery(cfx.Gallery.Bar); var bar = chart1.getGalleryAttributes(); bar.setTemplate("BarSpotlight"); var title = new cfx.TitleDockable(); title.setText("Year"); var axisX = chart1.getAxisX(); axisX.setTitle(title); chart1.getSeries().getItem(0).setStacked(true); chart1.getSeries().getItem(1).setStacked(true); chart1.getSeries().getItem(3).setStacked(true); chart1.getSeries().getItem(4).setStacked(true); chart1.getLegendBox().setDock(cfx.DockArea.Bottom); var chartDiv = document.getElementById('ChartDiv1'); chart1.create(chartDiv); }; </script> </body> </html>

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/

Here is a fiddle using JChartFX + jQuery 1.8.2: http://jsfiddle.net/softwarefx/nm87U/

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); var conditional1 = new cfx.ConditionalAttributes(); var condition1 = conditional1.getCondition(); condition1.setFrom(80); condition1.setTo(100); conditional1.setText(">80%"); conditional1.setTag("GreenCondition"); var conditional2 = new cfx.ConditionalAttributes(); var condition2 = conditional2.getCondition(); condition2.setFrom(61); condition2.setTo(79); conditional2.setText("80%-60%"); conditional2.setTag("YellowCondition"); var conditional3 = new cfx.ConditionalAttributes(); var condition3 = conditional3.getCondition(); condition3.setFrom(0); condition3.setTo(60); conditional3.setText("<60%"); conditional3.setTag("redCondition"); chart1.getConditionalAttributes().add(conditional1); chart1.getConditionalAttributes().add(conditional2); chart1.getConditionalAttributes().add(conditional3); var items = [{ "Value": 9 }, { "Value": 15 }, { "Value": 21 }, { "Value": 26 }, { "Value": 35 }, { "Value": 43 }, { "Value": 41 }, { "Value": 44 }, { "Value": 70 }, { "Value": 74 }, { "Value": 75 }, { "Value": 80 }, { "Value": 82 }, { "Value": 85 }]; chart1.setDataSource(items); //To hide the default legendBox item - Optional var lia; lia = new cfx.LegendItemAttributes(); chart1.getLegendBox().getItemAttributes().setItem((chart1.getSeries()), 0, lia); lia.setVisible(false); var chartDiv = document.getElementById('ChartDiv1'); chart1.create(chartDiv); } </script> <link type="text/css" href="http://www.jchartfx.com/libs/v7/current/styles/jchartfx.css" rel="Stylesheet" /> <script type="text/javascript" src="'>http://www.jchartfx.com/libs/v7/current/js/jchartfx.system.js"></script> <script type="text/javascript" src="'>http://www.jchartfx.com/libs/v7/current/js/jchartfx.coreVector.js"></script> <script type="text/javascript" src="'>http://www.jchartfx.com/libs/v7/current/js/jchartfx.advanced.js"></script> <style type="text/css"> #chart .GreenCondition { stroke: #00AF33; fill: #00AF33; } #chart .YellowCondition { stroke: #EEEE00; fill: #EEEE00; } #chart .redCondition { stroke: #FF0000; fill: #FF0000; } </style> </head> <body> <br /> <div id="ChartDiv1" style="width: 600px; height: 400px; display: inline-block"> </div> </body> </html> You can also check the jsfiddle for this sample: http://jsfiddle.net/softwarefx/MK5j6/

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.

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?

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", "Population": 248731000 }, { "Country": "Brazil", "Population": 193946886 }]; function onLoadDoc() { chart1 = new cfx.Chart(); chart1.setDataSource(items); chart1.setGallery(cfx.Gallery.Pareto); var titles = chart1.getTitles(); var title = new cfx.TitleDockable(); title.setText("Countries by Population"); titles.add(title); var axis1 = chart1.getAxisY(); axis1.getLabelsFormat().setFormat(cfx.AxisFormat.Number); var chartDiv = document.getElementById('ChartDiv1'); chart1.create(chartDiv); } </script> <script type="text/javascript" src="'>http://www.jchartfx.com/jChartFX/jchartfx.system.js"></script> <script type="text/javascript" src="'>http://www.jchartfx.com/jChartFX/jchartfx.coreVector.js"></script> <script type="text/javascript" src="'>http://www.jchartfx.com/jChartFX/jchartfx.pareto.js"></script> </head> <body> <br /> <div id="ChartDiv1" style="width: 600px; height: 400px; display: inline-block"> </div> </body> </html> This is the chart image:

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" content="text/html; charset=UTF-8" /> <meta name="format-detection" content="telephone=no" /> <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> <link rel="stylesheet" type="text/css" href="css/index.css" /> <title>Test PhoneGap & jChartFX</title> </head> <body> <div class="app"> <h1>jChartFX</h1> </div> <script type="text/javascript" src="'>http://www.jchartfx.com/jChartFX/jchartfx.system.js"></script> <script type="text/javascript" src="'>http://www.jchartfx.com/jChartFX/jchartfx.coreVector.js"></script> <script type="text/javascript" src="cordova-2.5.0.js"></script> <script type="text/javascript" src="js/index.js"></script> <script type="text/javascript"> app.initialize(); </script> <div id="ChartDiv1" style="width:700px;height:400px;display:inline-block"></div> <script language="javascript" type="text/javascript"> window.onload = function () { onLoadDoc(); }; var chart1; function onLoadDoc() { chart1 = new cfx.Chart(); chart1.setGallery(cfx.Gallery.Bar); chart1.getLegendBox().setDock(cfx.DockArea.Bottom); var chartDiv = document.getElementById('ChartDiv1'); chart1.create(chartDiv); } </script> </body> </html>

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/

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'); }

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>Multiple Axes</title> <script type="text/javascript" src="'>http://www.jchartfx.com/scripts/jquery-1.7.1.js"></script> <script type="text/javascript" src="'>http://www.jchartfx.com/jChartFX/jchartfx.system.js"></script> <script type="text/javascript" src="'>http://www.jchartfx.com/jChartFX/jchartfx.coreBasic.js"></script> </head> <body> <div id="ChartDiv1" style="width:550px;height:400px;display:inline-block"></div> <script language="javascript" type="text/javascript"> window.onload = function () { onLoadDoc(); } var chart1; function onLoadDoc() { chart1 = new cfx.Chart(); chart1.getLegendBox().setVisible(false); var titles = chart1.getTitles(); var title = new cfx.TitleDockable(); title.setText("Multiple Axes & Series w/different number of datapoints"); titles.add(title); var axis1 = chart1.getAxisY(); var axis2 = chart1.getAxisY2(); var axis3 = new cfx.AxisY(); chart1.getAxesY().add(axis3); axis1.setTextColor("#9F1000"); axis1.setForceZero(false); axis1.setVisible(true); axis1.getTitle().setText("Pressure"); axis1.getTitle().setTextColor("#9F1000"); axis1.setMin(50); axis1.setMax(650); axis1.setStep(50); axis2.setTextColor("#1D2793"); axis2.setForceZero(false); axis2.setVisible(true); axis2.getTitle().setText("Water Flow"); axis2.getTitle().setTextColor("#1D2793"); axis2.setMin(250); axis2.setMax(350); axis2.setStep(10); axis2.setSeparation(10); axis2.getGrids().getMajor().setVisible(false); axis3.setTextColor("#14650C"); axis3.setForceZero(false); axis3.setVisible(true); axis3.getTitle().setText("Oil Flow"); axis3.getTitle().setTextColor("#14650C"); axis3.setMin(15); axis3.setMax(400); axis3.setStep(50); axis3.setSeparation(10); axis3.getGrids().getMajor().setVisible(false); chart1.getAllSeries().setMarkerShape(cfx.MarkerShape.None); chart1.getAllSeries().getLine().setWidth("2"); var items = [{ "Casing Pressure": 79, "Tubing Pressure": 379, "Water Flow": 321, "Yesterday Water Flow": 311, "Oil Flow": 23, "Yesterday Oil Flow": 78, "Date": "2012-01-21T23:45:10.280Z" }, { "Casing Pressure": 82, "Tubing Pressure": 582, "Water Flow": 293, "Yesterday Water Flow": 312, "Yesterday Oil Flow": 132, "Date": "2012-01-26T23:45:10.280Z" }, { "Casing Pressure": 93, "Tubing Pressure": 293, "Water Flow": 293, "Yesterday Water Flow": 313, "Oil Flow": 43, "Yesterday Oil Flow": 134, "Date": "2012-02-10T23:45:10.280Z" }, { "Casing Pressure": 102, "Tubing Pressure": 510, "Water Flow": 293, "Yesterday Water Flow": 314, "Oil Flow": 51, "Date": "2012-02-19T23:45:10.280Z" }, { "Casing Pressure": 128, "Tubing Pressure": 412, "Water Flow": 293, "Yesterday Water Flow": 315, "Yesterday Oil Flow": 356, "Date": "2012-03-21T23:45:10.280Z" }, { "Casing Pressure": 134, "Tubing Pressure": 613, "Yesterday Water Flow": 316, "Oil Flow": 53, "Date": "2012-03-29T23:45:10.280Z" }]; chart1.setGallery(cfx.Gallery.Lines); chart1.getData().setInterpolateHidden(true); chart1.getLegendBox().setDock(cfx.DockArea.Bottom); chart1.getLegendBox().setVisible(true); chart1.setDataSource(items); var series1 = chart1.getSeries().getItem(0); var series2 = chart1.getSeries().getItem(1); var series3 = chart1.getSeries().getItem(2); var series4 = chart1.getSeries().getItem(3); var series5 = chart1.getSeries().getItem(4); var series6 = chart1.getSeries().getItem(5); series1.setAxisY(axis1); series2.setAxisY(axis1); series3.setAxisY(axis2); series4.setAxisY(axis2); series5.setAxisY(axis3); series6.setAxisY(axis3); series1.setColor("#9F1000"); series2.setColor("#9F1000"); series3.setColor("#1D2793"); series4.setColor("#1D2793"); series5.setColor("#14650C"); series6.setColor("#14650C"); var chartDiv = document.getElementById('ChartDiv1'); chart1.create(chartDiv); } </script> </body> </html>

Following your recommendation, we are going to publish a jsfiddle for each one of our samples. We will keep you posted when all jsfiddle

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 supported so you cannot capture zoomed values.

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="Include/jquery-ui-1.8.20.custom.js"> </script> <script type="text/javascript" src="Scripts/jchartfx.system.js"> </script> <script type="text/javascript" src="Scripts/jchartfx.coreBasic.js"> </script> <script type="text/javascript" src="Scripts/jchartfx.advanced.js"> </script> <script type="text/javascript" src="Scripts/jchartfx.ui.js"> </script> </head> <body> <div class="ChartDiv1" id="targetchart" style="display:inline-block"> <div id="myDiv" style="width:100%;height:100%;display:inline-block"> </div> </div> <script language="javascript" type="text/javascript"> var chart1; $(document).ready(function ($) { var items = [ { "Sales": 2200, "Month": "Jan" }, { "Sales": 1500, "Month": "Feb" }, { "Sales": 2100, "Month": "Mar" }, { "Sales": 2600, "Month": "Apr" }, { "Sales": 3200, "Month": "May" }, { "Sales": 3600, "Month": "Jun" }, ]; $("div", ".ChartDiv1").chart({ gallery: cfx.Gallery.Bar, titles : [{text: "<font color=\"#FF0000\">JChartFX using JQueryUI</font> ",richText: true}], dataValues: items, allSeries: { pointLabels: { visible: true } }, axisY : { grids: { major: { visible: false, tickMark: cfx.TickMark.None }, minor: { visible: false, tickMark: cfx.TickMark.None } }, customGridLines: [{value:2533, text:"Avg"}], sections: [{from:0, to:900}] }, }); }); </script> </body> </html>

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.

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 styles. Also, please take a look into the styles folder. In there you

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 problematic. In some galleries, you have to disable View3D Property in order to render the chart. So please try disabling this property when necessary. Regarding the Pyramid Gallery issue, it seems to be related to the data you are passing to the chart. There are multiple values equal to zero that can be rendered in a different gallery (e.g. Lines) but does not automatically apply to a Pyramid chart. We are wrapping a sample showing different financial gallery types, so you will be able to use it as groundwork for your tests. I

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);