Jump to content
JChartFX Community

Raj Patel

Members
  • Content count

    7
  • Joined

  • Last visited

Community Reputation

0 Neutral

About Raj Patel

  • Rank
    Newbie
  1. 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
  2. License

    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)
  3. 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.
  4. 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
  5. Comination Chart

    Can this be achieved by combining with the bar chart?
  6. 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?
  7. 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/
×