Jump to content
JChartFX Community

Raj Patel

Members
  • Posts

    9
  • Joined

  • Last visited

Raj Patel's Achievements

Newbie

Newbie (1/14)

0

Reputation

  1. Is there a any way to find out AxisY Min and Max value at runtime?
  2. Hello, I am trying to use the example from the following code with my license string. "Displaying Tooltips on Fixed Location" http://support.softwarefx.com/jChartFX/article/2502350 However, I get the following messages. My example is located at the following URL. http://www.lucid-trend.com/Jchart_tryme.htm Pls, help me resolve this issue. Thank you for resolving my license key issue. Kind regards Raj jchartfx.advanced.js:96 Uncaught TypeError: Cannot read property 'prototype' of undefined at jchartfx.advanced.js:96 at jchartfx.advanced.js:98 (anonymous) @ jchartfx.advanced.js:96 (anonymous) @ jchartfx.advanced.js:98 jchartfx.userInterface.js:12 Uncaught TypeError: f.split is not a function at k.a (jchartfx.userInterface.js:12) at f.an (jchartfx.coreVector.js:718) at Sae (jchartfx.coreVector.js:155) at S.doUpdate (jchartfx.system.js:104) at S._c2 (jchartfx.system.js:100) at f._c2 (jchartfx.system.js:100) at f.create (jchartfx.system.js:101) at f.create (jchartfx.coreVector.js:687) at loadChart (Jchart_tryme.htm:81) at onload (Jchart_tryme.htm:21) a @ jchartfx.userInterface.js:12 an @ jchartfx.coreVector.js:718 Sae @ jchartfx.coreVector.js:155 doUpdate @ jchartfx.system.js:104 _c2 @ jchartfx.system.js:100 _c2 @ jchartfx.system.js:100 create @ jchartfx.system.js:101 create @ jchartfx.coreVector.js:687 loadChart @ Jchart_tryme.htm:81 onload @ Jchart_tryme.htm:21
  3. Hello, I am getting the following errors in my console. my licensing string does not remove the logo. cfx.Chart.setLicense("R;2018/1/22;0;http://www.lucid-trend.com/;2e035bc992c5c2751f7e12b4e25fd44e9a78992941a3aff930d1ff8852341e986b67c804fe0e8d38e4890dd95e5ba3f8af383e22e8b569a4fee7af8acb8f3599e289986a0aca37e8aed19c1d337bef4ea042f3bf6a7260bfa431dca93cf3d64700a04537adba0b10336a2638571465484a18e9689592550980f16a35124a4790"); could you pls help. Uncaught TypeError: Cannot read property 'prototype' of undefined at jchartfx.advanced.js:96 at jchartfx.advanced.js:98 jchartfx.userinterface.js:12 Uncaught TypeError: f.split is not a function at k.a (jchartfx.userinterface.js:12) at f.an (jchartfx.coreVector.js:718) at Sae (jchartfx.coreVector.js:155) at S.doUpdate (jchartfx.system.js:104) at S._c2 (jchartfx.system.js:100) at f._c2 (jchartfx.system.js:100) at f.create (jchartfx.system.js:101) at f.create (jchartfx.coreVector.js:687) at loadChart (Jchart_tryme.htm:85) at onload (Jchart_tryme.htm:24)
  4. Hello JuanC, Is it possible to display the tooltip in the format i am trying to display?
  5. 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.
  6. 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. Can this be achieved by combining with the bar chart?
  8. 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?
  9. 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/
×
×
  • Create New...