Jump to content
JChartFX Community

All Activity

This stream auto-updates     

  1. Earlier
  2. Clickable Legend

    I would suggest you change your code so that chart.create is the last thing you do. The way you are doing it now, when you call chart.create we "render" the current plot (random data) and then your subsequent api calls will mark the chart as dirty so it will be repainted. This may cause some flickering on slow devices. To capture clicks, you need to use attach to the click event, note that the code is slightly different whether you are using jQuery or not. var divHolder = document.getElementById('ChartDiv');chart1.create(divHolder); if (window["jQuery"]) { $("#ChartDiv").click(doClick); } else { divHolder.onclick = doClick; } function doClick(evt) { console.log("Click on " + evt.series + " , " + evt.point); } Note that attaching to click event is one of the few things that HAS to be done after chart create is called. Also note that a click in the legend marker will generate evt.point="-1" and evt.series will hold the series index where a click on a bar/marker would set evt.point with the point index. I noticed that for now you cannot click on the legend text. We should be fixing this in a future build. Regards, JuanC
  3. Clickable Legend

    How would I make the Secured Sales in the Legend to the right clickable to take me to another url. CODE: chart1 = new cfx.Chart(); chart1.setGallery(cfx.Gallery.Bar); chart1.getAllSeries().setStackedStyle(cfx.Stacked.Normal); var series0 = chart1.getSeries().getItem(0); series0.setGallery(cfx.Gallery.Area); // series0.setAxisY(chart1.getAxisY2()); // series1.getPointLabels().setVisible(true); var series1 = chart1.getSeries().getItem(1); //series1.setAxisY(chart1.getAxisY2()); series1.setGallery(cfx.Gallery.Bar); //series1.getPointLabels().setVisible(true); var series2 = chart1.getSeries().getItem(2); //series2.setAxisY(chart1.getAxisY2()); series2.setGallery(cfx.Gallery.Bar); //series2.getPointLabels().setVisible(true); //chart1.getSeries().getItem(1).setStackedStyle(cfx.Stacked.Normal); //chart1.getSeries().getItem(2).setStackedStyle(cfx.Stacked.Normal); cfx.AxisFormat.Currency //chart1.getAxisY().getLabelsFormat().setFormat(cfx.AxisFormat.Currency); chart1.getAnimations().getLoad().setEnabled(true); chart1.getAxisY().getLabelsFormat().setDecimals(2); chart1.getAxisY2().getGrids().getMajor().setVisible(false); var titles = chart1.getTitles(); var title = new cfx.TitleDockable(); var divHolder = document.getElementById('ChartDiv'); chart1.create(divHolder); title.setText("Secured sales this year."); titles.add(title); var items = [ { "Month": "Nov <%=novOctYear%>", "Target(£<%=Format(salesTarget, "##,##0.00")%>)" : <%=(salesTarget / 12) %>, "Secured Sales(£<%=Format(salesTotal, "##,##0.00")%>)": <%=finalSalesArray(0, 11)%>, "Projected Sales(£<%=Format(totalProjection, "##,##0.00")%>)": <%=finalSalesArray(1, 11)%>, }, {"Month": "Dec <%=novOctYear%>", "Target(£<%=Format(salesTarget, "##,##0.00")%>)" : <%=(salesTarget / 12) * 2 %>, "Secured Sales(£<%=Format(salesTotal, "##,##0.00")%>)": <%=finalSalesArray(0, 12)%>, "Projected Sales(£<%=Format(totalProjection, "##,##0.00")%>)": <%=finalSalesArray(1, 12)%>, }, { "Month": "Jan <%=restYear%>", "Target(£<%=Format(salesTarget, "##,##0.00")%>)" : <%=(salesTarget / 12) * 3 %>, "Secured Sales(£<%=Format(salesTotal, "##,##0.00")%>)": <%=finalSalesArray(0, 1)%>, "Projected Sales(£<%=Format(totalProjection, "##,##0.00")%>)": <%=finalSalesArray(1, 1)%>, }, { "Month": "Feb <%=restYear%>", "Target(£<%=Format(salesTarget, "##,##0.00")%>)" : <%=(salesTarget / 12) * 4 %>, "Secured Sales(£<%=Format(salesTotal, "##,##0.00")%>)": <%=finalSalesArray(0, 2)%>, "Projected Sales(£<%=Format(totalProjection, "##,##0.00")%>)": <%=finalSalesArray(1, 2)%>, }, { "Month": "Mar <%=restYear%>", "Target(£<%=Format(salesTarget, "##,##0.00")%>)" : <%=(salesTarget / 12) * 5 %>, "Secured Sales(£<%=Format(salesTotal, "##,##0.00")%>)": <%=finalSalesArray(0, 3)%>, "Projected Sales(£<%=Format(totalProjection, "##,##0.00")%>)": <%=finalSalesArray(1, 3)%>, }, { "Month": "Apr <%=restYear%>", "Target(£<%=Format(salesTarget, "##,##0.00")%>)" : <%=(salesTarget / 12) * 6 %>, "Secured Sales(£<%=Format(salesTotal, "##,##0.00")%>)": <%=finalSalesArray(0, 4)%>, "Projected Sales(£<%=Format(totalProjection, "##,##0.00")%>)": <%=finalSalesArray(1, 4)%>, }, { "Month": "May <%=restYear%>", "Target(£<%=Format(salesTarget, "##,##0.00")%>)" : <%=(salesTarget / 12) * 7 %>, "Secured Sales(£<%=Format(salesTotal, "##,##0.00")%>)": <%=finalSalesArray(0, 5)%>, "Projected Sales(£<%=Format(totalProjection, "##,##0.00")%>)": <%=finalSalesArray(1, 5)%>, }, { "Month": "Jun <%=restYear%>", "Target(£<%=Format(salesTarget, "##,##0.00")%>)" : <%=(salesTarget / 12) * 8 %>, "Secured Sales(£<%=Format(salesTotal, "##,##0.00")%>)": <%=finalSalesArray(0, 6)%>, "Projected Sales(£<%=Format(totalProjection, "##,##0.00")%>)": <%=finalSalesArray(1, 6)%>, }, { "Month": "Jul <%=restYear%>", "Target(£<%=Format(salesTarget, "##,##0.00")%>)" : <%=(salesTarget / 12) * 9 %>, "Secured Sales(£<%=Format(salesTotal, "##,##0.00")%>)": <%=finalSalesArray(0, 7)%>, "Projected Sales(£<%=Format(totalProjection, "##,##0.00")%>)": <%=finalSalesArray(1, 7)%>, }, { "Month": "Aug <%=restYear%>", "Target(£<%=Format(salesTarget, "##,##0.00")%>)" : <%=(salesTarget / 12) * 10 %>, "Secured Sales(£<%=Format(salesTotal, "##,##0.00")%>)": <%=finalSalesArray(0, 8)%>, "Projected Sales(£<%=Format(totalProjection, "##,##0.00")%>)": <%=finalSalesArray(1, 8)%>, }, { "Month": "Sep <%=restYear%>", "Target(£<%=Format(salesTarget, "##,##0.00")%>)" : <%=(salesTarget / 12) * 11 %>, "Secured Sales(£<%=Format(salesTotal, "##,##0.00")%>)": <%=finalSalesArray(0, 9)%>, "Projected Sales(£<%=Format(totalProjection, "##,##0.00")%>)": <%=finalSalesArray(1, 9)%>, }, { "Month": "Oct <%=restYear%>", "Target(£<%=Format(salesTarget, "##,##0.00")%>)" : <%=(salesTarget / 12) * 12 %>, "Secured Sales(£<%=Format(salesTotal, "##,##0.00")%>)": <%=finalSalesArray(0, 10)%>, "Projected Sales(£<%=Format(totalProjection, "##,##0.00")%>)": <%=finalSalesArray(1, 10)%>, }, ]; chart1.setDataSource(items); Many Thanks.
  4. Tooltip for Candle Chart

    At the moment it does not display any popup window. What I would I like to have as it appears in the picture below. Change as hover over a chart.
  5. Tooltip for Candle Chart

    We consider tooltips a popup window that appears when you hover over a chart point/bar. Can you describe exactly what you mean by "how to configure and display the tooltip on the top"? If possible try to include diagrams or pictures to explain what you are looking for. Regards, JuanC
  6. Tooltip for Candle Chart

    Could you guide me on how to configure and display the tooltip on the top? At the moment chart is not able to display any tooltip. <script type="text/javascript"> //$(document).ready(function($){ loadChart(); }) var chart1; var annLT; annLT = new cfx.annotation.Annotations();var annListLT = annLT.getList(); var annMT; annMT = new cfx.annotation.Annotations();var annListMT = annMT.getList(); var annLTBB; annLTBB = new cfx.annotation.Annotations();var annListLTBB = annLTBB.getList(); var annMTBB; annMTBB = new cfx.annotation.Annotations();var annListMTBB = annMTBB.getList(); var annDiv; annDiv = new cfx.annotation.Annotations();var annListDiv = annDiv.getList(); var annEPS; annEPS = new cfx.annotation.Annotations();var annListEPS = annEPS.getList(); var annVol; annVol = new cfx.annotation.Annotations();var annListVol = annVol.getList(); function loadChart() { chart1 = new cfx.Chart(); chart1.getData().clear(); PassData2(); // AddBEC(); AddDiv(); AddEPS(); chart1.setGallery(cfx.Gallery.OpenHighLowClose); //chart1.setGallery(cfx.Gallery.Candlestick); chart1.getAxisY().setPosition(cfx.AxisPosition.Far); chart1.getAxisY().setForceZero(false); // chart1.getAxisY().getLabelsFormat().setFormat(cfx.AxisFormat.Currency); chart1.getSeries().getItem(0).setColor("#99FF99"); // chart1.getSeries().getItem(1).setColor("#99FF99"); // chart1.getSeries().getItem(2).setColor("#FF9999"); chart1.getSeries().getItem(3).setColor("#9c9c9c"); chart1.getAxisX().setStep(60); chart1.getAxisY().getDataFormat().setDecimals(2); chart1.getAxisY().getLabelsFormat().setDecimals(2); chart1.getLegendBox().setVisible(false); //SB var series5 = chart1.getSeries().getItem(5); series5.setGallery(cfx.Gallery.Step); series5.setMarkerShape(cfx.MarkerShape.None); series5.setColor("#32CD32"); //LimeGreen series5.setVisible(document.getElementById("LTSwitch").checked); //SR var series6 = chart1.getSeries().getItem(6); series6.setGallery(cfx.Gallery.Step); series6.setMarkerShape(cfx.MarkerShape.None); series6.setColor("#ff0000"); // Opaque Red series6.setVisible(document.getElementById("LTSwitch").checked); //UB var series7 = chart1.getSeries().getItem(7); series7.setGallery(cfx.Gallery.Step); series7.setMarkerShape(cfx.MarkerShape.None); series7.setColor("#32CCDD"); //LimeGreen series7.setVisible(document.getElementById("MTSwitch").checked); //UR var series8 = chart1.getSeries().getItem(8); series8.setGallery(cfx.Gallery.Step); series8.setMarkerShape(cfx.MarkerShape.None); series8.setColor("#4FFF0000"); //pink series8.setVisible(document.getElementById("MTSwitch").checked); //UB0 - Downtrend resistance band var series9 = chart1.getSeries().getItem(9); series9 .setGallery(cfx.Gallery.Step); series9 .setMarkerShape(cfx.MarkerShape.None); series9 .setColor("#ff0000"); //red series9 .getLine().setWidth(2); //LB1 - Uptrend support band var series10 = chart1.getSeries().getItem(10); series10 .setGallery(cfx.Gallery.Step); series10 .setMarkerShape(cfx.MarkerShape.None); series10 .setColor("#0000ff"); //light blue series10 .getLine().setWidth(2); var volumePane = new cfx.Pane(); chart1.getPanes().add(volumePane); volumePane.getTitle().setText("Volume (in 100k)"); //volumePane.setProportion(1); chart1.getPanes().getItem(1).setProportion(.1); var volumeSeries = chart1.getSeries().getItem(4); volumeSeries.setPane(volumePane); volumeSeries.setGallery(cfx.Gallery.Bar); volumeSeries.setVolume(100); volumeSeries.conditionalVolume = true; volumeSeries.getAxisY().setScaleUnit(100000); volumeSeries.getAxisY().setPosition(cfx.AxisPosition.Far); volumeSeries.conditionalVolume = true; AddLT_Annotations(); AddMT_Annotations(); var ForecastLT = document.getElementById("LTForecast").checked; if(ForecastLT) {} else {chart1.getExtensions().remove(annLT);} var ForecastMT = document.getElementById("MTForecast").checked; if(ForecastMT) {} else {chart1.getExtensions().remove(annMT);} document.getElementById("LTSwitch").addEventListener("click", function() { var DisplayedLT = document.getElementById("LTSwitch").checked; if(DisplayedLT) {series5.setVisible(true);series6.setVisible(true);} else {series5.setVisible(false);series6.setVisible(false);} }); document.getElementById("MTSwitch").addEventListener("click", function() { var DisplayedMT = document.getElementById("MTSwitch").checked; if(DisplayedMT) {series7.setVisible(true);series8.setVisible(true);} else {series7.setVisible(false);series8.setVisible(false);} }); document.getElementById("STSwitch").addEventListener("click", function() { var DisplayedST = document.getElementById("STSwitch").checked; if(DisplayedST) { series9.setVisible(true); series10.setVisible(true); } else {series9.setVisible(false); series10.setVisible(false); } }); document.getElementById("LTForecast").addEventListener("click", function() { var ForecastLT = document.getElementById("LTForecast").checked; if(ForecastLT) {AddLT_Annotations();} else {chart1.getExtensions().remove(annLT);} }); document.getElementById("MTForecast").addEventListener("click", function() { var ForecastMT = document.getElementById("MTForecast").checked; if(ForecastMT) {AddMT_Annotations();} else {chart1.getExtensions().remove(annMT);} }); var divHolder = document.getElementById('ChartDiv'); chart1.create(divHolder); } function GetXAxisPosition(date, chart1) { var covertedAxisDate = cfx.Chart.dateToDouble(date); for (var i = 0; i < chart1.getData().getPoints() ; i++) { var datefromData = chart1.getData().getX().getItem(-1, i); if (datefromData == covertedAxisDate) { return i; } } } </script> OHLC_AAPL.js
  7. jChartFX can work with or without jQuery. We only interact with it to send mouse click events the "jQuery" way. We used to offer a jQueryUI plugin (jchartfx.ui.js) but this is not supported anymore. Regards, JuanC
  8. 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?
  9. Comination Chart

    No. It is not possible to combine horizontal and vertical plots. JuanC
  10. Comination Chart

    Can this be achieved by combining with the bar chart?
  11. Comination Chart

    Unfortunately it is not possible to achieve the chart you are trying to create. Regards, JuanC
  12. Comination Chart

    JuanC, Please have a look at the chart below, I am trying to achieve what my production system is producing. Is it possible to achieve it using any other method?
  13. Comination Chart

    Unfortunately density cannot be combined with Candlestick. When I tried visiting the jsfiddle I see no chart, just some javascript code. I would suggest you try to explain with more detail how do you want to combine candlestick, annotations and density including a drawing if possible. Regards, JuanC
  14. Comination Chart

    Is it possible to combine Candlestick chart, annotation chart including density chart? I have got chart working with Candlestick and annotation. I have made an attempt to draw one. However, I am struggling. Can you pls help. I have got an example of the chart on the jsfiddle. https://jsfiddle.net/lucidtrend/26b3xzks/9/
  15. Date(s) are 1 day behind

    Alternatively you could try something like this, I have NOT tested this code in all time zones but it should work var date = new Date(); // Round this to avoid handling fractional time zones var timeZone = Math.floor(date.getTimezoneOffset() / 60); var absTimeZone = Math.abs(timeZone); var strTimeZone = absTimeZone.toString(); if (absTimeZone < 10) strTimeZone = "0" + strTimeZone; if (timeZone > 0) strTimeZone = "-" + strTimeZone; else strTimeZone = "+" + strTimeZone; strTimeZone = "T12:00:00" + strTimeZone + ":00"; var items = [{"Value":10, "Date":"2017-11-29" + strTimeZone}, {"Value":10, "Date":"2017-12-15" + strTimeZone}] Note that the code is getting the "local" time zone offset and making sure it is a valid time zone format including leading zeros and minutes. We will research if we can support a scheme where you don't supply time and let us know through a flag that you do not care about times but the code would essentially do the same as shown here. Regards, JuanC
  16. Date(s) are 1 day behind

    This is not a format we established, it is ISO 8601 which is handled by the browser javascript implementation. For Eastern Standard Time you should use "2017-11-29T00:00:00.000-05:00" Regards, JuanC
  17. Date(s) are 1 day behind

    Hi, What time zone will this give me "2017-11-29T00:00:00.000-05"? I assume "-05" is the time zone code. Is there a list somewhere on your site?
  18. Date(s) are 1 day behind

    A date like this "2017-11-29T00:00:00.000Z" means November 29th at 12:00 am UTC (greenwich time), which means that the same date shown in an US east coast timezone will be displayed as November 28th (at 7 or 8 PM depending on daylight savings time or eastern standard time status). You could format your dates using the specific time zone instead of Z, e.g "2017-11-29T00:00:00.000-05", alternatively by supplying a time of 1PM in "2017-11-29T13:00:00.000Z" you will get a display of Nov 29 in any time zone from -13 to +9 which would probably cover most of your target audience. Regards, JuanC
  19. Date(s) are 1 day behind

    Hi I'm experiencing an issue with bar charts (it might affect other charts too). In short, a date formatted like this: "2017-11-29T00:00:00.000Z" is displayed as "Nov-28". If I change the date to "2017-11-29T13:00:00.000Z" it correctly displays as "Nov-29". HTML ============================================================= <!DOCTYPE html> <html> <head> <title>Title of the document</title> <script src="jchartfx/jquery/jquery-latest.js?v=1513269751805"></script> <script src="jchartfx/jquery/jquery-ui.js?v=1513269751805"></script> <script src="jchartfx/js/jchartfx.system.js?v=1513269751805"></script> <script src="jchartfx/js/jchartfx.coreVector.js?v=1513269751805"></script> <script src="jchartfx/js/jchartfx.coreVector3d.js?v=1513269751805"></script> <script src="jchartfx/js/jchartfx.advanced.js?v=1513269751805"></script> <script src="jchartfx/js/jchartfx.gauge.js?v=1513269751805"></script> <script src="jchartfx/motifs/jchartfx.motif.js?v=1513269751805"></script> <script src="jchartfx/js/jchartfx.data.js?v=1513269751805"></script> <script src="jchartfx/js/jchartfx.userInterface.js?v=1513269751805"></script> <script src="jchartfx.js"></script> <link rel="stylesheet" type="text/css" href="jchartfx/jquery/jquery-ui.css" /> <link rel="stylesheet" type="text/css" href="jchartfx/styles/jchartfx.userInterface.css" /> <link rel="stylesheet" type="text/css" href="jchartfx/styles/Attributes/jchartfx.attributes.css" /> <link rel="stylesheet" type="text/css" href="jchartfx/styles/Palettes/jchartfx.palette.css" /> </head> <body> <div id="div1" style="width:600px;height:260px;left:0px;top:83px;position:absolute;"></div> <script> $(document).ready(function(){ createBarChart(chartParams, divID); }); </script> </body> </html> JS ========================================================= var chartParams = { "CHART_CD":"A3", "DESCRIPTION":"ABC Graph", "CHART_GROUP_CD":"CSH-FCST", "TYPE":"BAR", "XAXIS_LBL":"Forecasted Payments/Receipts", "YAXIS_LBL":"", "LEGEND_POS":"10", "CSS_STYLE":"width:850px;height:210px;left:200px;top:45px", "JAVA_CLASS":"", "LABEL_CD":"Forecasted Payments/Receipts", "CHART_DATA":[ { "SCALE":1000, "Pays":2335573, "Recs":200001, "VALUE_DT":"2017-11-29T00:00:00.000Z" }, { "SCALE":1000, "Pays":5000, "Recs":6005000, "VALUE_DT":"2017-11-30T00:00:00.000Z" }, { "SCALE":1000, "Pays":0, "Recs":124411, "VALUE_DT":"2017-12-01T00:00:00.000Z" }, { "SCALE":1000, "Pays":9000000, "Recs":0, "VALUE_DT":"2017-12-05T00:00:00.000Z" }, { "SCALE":1000, "Pays":0, "Recs":5000000, "VALUE_DT":"2017-12-06T00:00:00.000Z" }, { "SCALE":1000, "Pays":0, "Recs":1000000, "VALUE_DT":"2017-12-21T00:00:00.000Z" }, { "SCALE":1000, "Pays":0, "Recs":457, "VALUE_DT":"2017-12-28T00:00:00.000Z" }, { "SCALE":1000, "Pays":0, "Recs":47686, "VALUE_DT":"2018-01-01T00:00:00.000Z" } ], "CHART_URL_DATA":[ ] }; var divID = "div1"; var chartListing = new Array(); function setTitle(chartObject, chartData, titleText, dockLoc) { var title = new cfx.TitleDockable(); titleText = getVarValue(chartObject, chartData, "TITLETEXT", titleText, false); title.setText(titleText); title.setDock(dockLoc); chartObject.getTitles().add(title); for(var d=0; d<chartData.length;d++) { var titleText = chartData[d].TITLETEXT; if(typeof titleText !== "undefined") delete chartData[d].TITLETEXT; } } function setLegend(chartObject, legendPos) { var legendVisibleFlag = true; if(legendPos == 0) { legendVisibleFlag = false; } chartObject.getLegendBox().setVisible(legendVisibleFlag); chartObject.getLegendBox().setWidth(legendPos); } function getVarValue(chart, chartData, varName, defaultValue, showFlag) { var newVarValue = defaultValue; var activateShowHideFlag = false; try { newVarValue = chartData[0][varName]; activateShowHideFlag = true; } catch (error) {} if (typeof newVarValue === 'undefined') { newVarValue = defaultValue; activateShowHideFlag = false; } try { if(activateShowHideFlag) { var seriesCount = chart.getSeries().getCount(); for(var a=0; a<seriesCount; a++) { var seriesName = chart.getSeries().getItem(a).getText(); if(varName == seriesName) chart.getSeries().getItem(a).setVisible(showFlag); } } } catch (error) {} return newVarValue; } function createBarChart(chartParams, divID) { var chartData = chartParams["CHART_DATA"]; var chartObject = new cfx.Chart(); chartObject.setDataSource(chartData); chartObject.setGallery(cfx.Gallery.Bar); chartObject.getAllSeries().getPointLabels().setVisible(false); chartObject.getAxisX().getLabelsFormat().setFormat(cfx.AxisFormat.Date); chartObject.getAxisX().getLabelsFormat().setCustomFormat("dd-MMM"); var stepValue = chartData[0]["STEPVALUE"]; if (typeof stepValue != 'undefined') { stepValue = getVarValue(chartObject, chartData, "STEPVALUE", 1, false); chartObject.getAxisX().setStep(stepValue); } chartObject.getAxisX().setLabelAngle(45); var scaleValue = getVarValue(chartObject, chartData, "SCALE", 1, false); chartObject.getAxisY().getLabelsFormat().setFormat(cfx.AxisFormat.Number); chartObject.getAxisY().setScaleUnit(scaleValue); var zoomValue = getVarValue(chartObject, chartData, "ZOOM", false, false); chartObject.getAxisX().setAutoScroll(zoomValue); chartObject.getAxisX().setClientScroll(zoomValue); var chartId = chartParams["CHART_CD"]; if(chartId == "MDM-A21") { var minValue = getVarValue(chartObject, chartData, "MINVALUE", 0, false); var maxValue = getVarValue(chartObject, chartData, "MAXVALUE", 0, false); var minStepValue = getVarValue(chartObject, chartData, "MINSTEPVALUE", 0.01, false); chartObject.getAxisY().setMin(minValue); chartObject.getAxisY().setMax(maxValue); chartObject.getAxisY().getLabelsFormat().setDecimals(2); chartObject.getAxisY().getDataFormat().setDecimals(4); chartObject.getAxisY().getGrids().getMinor().setVisible(true); chartObject.getAxisY().getGrids().getMinor().setStyle(cfx.DashStyle.Dot); chartObject.getAxisY().setMinorStep(minStepValue); } setTitle(chartObject, chartParams["CHART_DATA"], chartParams["LABEL_CD"], cfx.DockArea.Top); setTitle(chartObject, chartParams["CHART_DATA"], chartParams["YAXIS_LBL"], cfx.DockArea.Left); setLegend(chartObject, chartParams["LEGEND_POS"]); chartObject.create(divID); chartListing[divID] = chartObject; }
  20. We support zoom in the X axis, in an empty chart try this code chart1.getData().setSeries(1); chart1.getData().setPoints(50); chart1.getAxisX().setAutoScroll(true); chart1.getAxisX().setClientScroll(true); Currently, we do not have built-in support for a feature where the user would select a rectangle to zoom into that area. Regards, JuanC
  21. I am using JchartFx for one of my projects. I am in need of a drill down feature i.e. zoom into a particular area of the chart. I am using Additional Axes chart. Kindly let me know if this feature is supported in JchartFx.
  22. Shows the Text property of the Point object.

    Normally, the labels are provided along with the data, e.g. chart1.setGallery(cfx.Gallery.Pyramid); chart1.setDataSource([{"Value":10, "Product":"ABC"}, {"Value":18, "Product":"DEF"}, {"Value":6, "Product":"GHI"}]); var pointLabels = chart1.getAllSeries().getPointLabels(); pointLabels.setVisible(true); pointLabels.setFormat("%l"); Note that to show the label you should use lowercase L in the format. Regards, JuanC
  23. I'm trying to put a custom text on the PointLabels in a pyramid graph but the only way that i have seen is with: chart1.getAllSeries().getPointLabels().setFormat("%L%"); But i don't know how to change the "text property of the point object" Someone can help me? Someone know other way to change this text? Thanks in advance
  24. 09867571601 when you require Chennai escorts service then you should to visit our agency and try our call girls in Chennai. We have good looking and smarts Chennai escorts girls. http://www.chennaicompanions.com

    Chennai Female Companions  (39).jpg

  25. Hiding a category on x axis

    Thanks Juan, of course not the answer I would have liked but I think I can accomplish it the way you said pretty easily.
  26. Hiding a category on x axis

    We have no API that would allow you to remove a set of points/bars in the chart, you will have to keep the array that you supply the chart in the setDataSource call, and when the user wants to hide one or more points, remove them from the array and call setDataSource again. Regards, JuanC
  1. Load more activity
×