search

amcharts / amcharts5

The newest, fastest, and most advanced amCharts charting library for JavaScript and TypeScript apps.
Other
353 stars 94 forks source link

EventDisptcher is disposed when updating stockchart event bullets #976

Closed BrunoJ75 closed 1 year ago

BrunoJ75 commented 1 year ago

Hi,

I tried using your stockchart graph demo I added an interval switcher and an event than listens when a new interval is selected When this event is fired, if I clear the list of dividend/split bullets and then add new bullets, the tooltips doesn't show anymore and the console says: EventDispatcher is disposed

The modified demo code bellow:

/**
 * ---------------------------------------
 * This demo was created using amCharts 5.
 * 
 * For more information visit:
 * https://www.amcharts.com/
 * 
 * Documentation is available at:
 * https://www.amcharts.com/docs/v5/
 * ---------------------------------------
 */

// Create root element
// -------------------------------------------------------------------------------
// https://www.amcharts.com/docs/v5/getting-started/#Root_element
var root = am5.Root.new("chartdiv");

// Set themes
// -------------------------------------------------------------------------------
// https://www.amcharts.com/docs/v5/concepts/themes/
root.setThemes([
  am5themes_Animated.new(root)
]);

// Create a stock chart
// -------------------------------------------------------------------------------
// https://www.amcharts.com/docs/v5/charts/stock-chart/#Instantiating_the_chart
var stockChart = root.container.children.push(am5stock.StockChart.new(root, {
}));

// Set global number format
// -------------------------------------------------------------------------------
// https://www.amcharts.com/docs/v5/concepts/formatters/formatting-numbers/
root.numberFormatter.set("numberFormat", "#,###.00");

// Create a main stock panel (chart)
// -------------------------------------------------------------------------------
// https://www.amcharts.com/docs/v5/charts/stock-chart/#Adding_panels
var mainPanel = stockChart.panels.push(am5stock.StockPanel.new(root, {
  wheelY: "zoomX",
  panX: true,
  panY: true
}));

// Create value axis
// -------------------------------------------------------------------------------
// https://www.amcharts.com/docs/v5/charts/xy-chart/axes/
var valueAxis = mainPanel.yAxes.push(am5xy.ValueAxis.new(root, {
  renderer: am5xy.AxisRendererY.new(root, {
    pan: "zoom"
  }),
  extraMin: 0.1, // adds some space for for main series
  tooltip: am5.Tooltip.new(root, {}),
  numberFormat: "#,###.00",
  extraTooltipPrecision: 2
}));

var dateAxis = mainPanel.xAxes.push(am5xy.GaplessDateAxis.new(root, {
  baseInterval: {
    timeUnit: "day",
    count: 1
  },
  renderer: am5xy.AxisRendererX.new(root, {}),
  tooltip: am5.Tooltip.new(root, {})
}));

// Add series
// -------------------------------------------------------------------------------
// https://www.amcharts.com/docs/v5/charts/xy-chart/series/
var valueSeries = mainPanel.series.push(am5xy.CandlestickSeries.new(root, {
  name: "MSFT",
  clustered: false,
  valueXField: "Date",
  valueYField: "Close",
  highValueYField: "High",
  lowValueYField: "Low",
  openValueYField: "Open",
  calculateAggregates: true,
  xAxis: dateAxis,
  yAxis: valueAxis,
  legendValueText: "open: [bold]{openValueY}[/] high: [bold]{highValueY}[/] low: [bold]{lowValueY}[/] close: [bold]{valueY}[/]",
  legendRangeValueText: ""
}));

// Set main value series
// -------------------------------------------------------------------------------
// https://www.amcharts.com/docs/v5/charts/stock-chart/#Setting_main_series
stockChart.set("stockSeries", valueSeries);

// Add a stock legend
// -------------------------------------------------------------------------------
// https://www.amcharts.com/docs/v5/charts/stock-chart/stock-legend/
var valueLegend = mainPanel.plotContainer.children.push(am5stock.StockLegend.new(root, {
  stockChart: stockChart
}));

// Create volume axis
// -------------------------------------------------------------------------------
// https://www.amcharts.com/docs/v5/charts/xy-chart/axes/
var volumeAxisRenderer = am5xy.AxisRendererY.new(root, {
  inside: true
});

volumeAxisRenderer.labels.template.set("forceHidden", true);
volumeAxisRenderer.grid.template.set("forceHidden", true);

var volumeValueAxis = mainPanel.yAxes.push(am5xy.ValueAxis.new(root, {
  numberFormat: "#.#a",
  height: am5.percent(20),
  y: am5.percent(100),
  centerY: am5.percent(100),
  renderer: volumeAxisRenderer
}));

// Add series
// https://www.amcharts.com/docs/v5/charts/xy-chart/series/
var volumeSeries = mainPanel.series.push(am5xy.ColumnSeries.new(root, {
  name: "Volume",
  clustered: false,
  valueXField: "Date",
  valueYField: "Volume",
  xAxis: dateAxis,
  yAxis: volumeValueAxis,
  legendValueText: "[bold]{valueY.formatNumber('#,###.0a')}[/]"
}));

volumeSeries.columns.template.setAll({
  strokeOpacity: 0,
  fillOpacity: 0.5
});

// color columns by stock rules
volumeSeries.columns.template.adapters.add("fill", function(fill, target) {
  var dataItem = target.dataItem;
  if (dataItem) {
    return stockChart.getVolumeColor(dataItem);
  }
  return fill;
})

// Set main series
// -------------------------------------------------------------------------------
// https://www.amcharts.com/docs/v5/charts/stock-chart/#Setting_main_series
stockChart.set("volumeSeries", volumeSeries);
valueLegend.data.setAll([valueSeries, volumeSeries]);

// Add cursor(s)
// -------------------------------------------------------------------------------
// https://www.amcharts.com/docs/v5/charts/xy-chart/cursor/
mainPanel.set("cursor", am5xy.XYCursor.new(root, {
  yAxis: valueAxis,
  xAxis: dateAxis,
  snapToSeries: [valueSeries],
  snapToSeriesBy: "y!"
}));

// Add scrollbar
// -------------------------------------------------------------------------------
// https://www.amcharts.com/docs/v5/charts/xy-chart/scrollbars/
var scrollbar = mainPanel.set("scrollbarX", am5xy.XYChartScrollbar.new(root, {
  orientation: "horizontal",
  height: 50
}));
stockChart.toolsContainer.children.push(scrollbar);

var sbDateAxis = scrollbar.chart.xAxes.push(am5xy.GaplessDateAxis.new(root, {
  baseInterval: {
    timeUnit: "day",
    count: 1
  },
  renderer: am5xy.AxisRendererX.new(root, {})
}));

var sbValueAxis = scrollbar.chart.yAxes.push(am5xy.ValueAxis.new(root, {
  renderer: am5xy.AxisRendererY.new(root, {})
}));

var sbSeries = scrollbar.chart.series.push(am5xy.LineSeries.new(root, {
  valueYField: "Close",
  valueXField: "Date",
  xAxis: sbDateAxis,
  yAxis: sbValueAxis
}));

sbSeries.fills.template.setAll({
  visible: true,
  fillOpacity: 0.3
});

// Set up interval switcher
// -------------------------------------------------------------------------------
// https://www.amcharts.com/docs/v5/charts/stock/toolbar/interval-control/
var intervalSwitcher = am5stock.IntervalControl.new(root, {
  stockChart: stockChart,
  currentItem: "1 day",
  items: [
    { id: "1 day", label: "1 day", interval: { timeUnit: "day", count: 1 } },
    { id: "1 week", label: "1 week", interval: { timeUnit: "week", count: 1 } },
    { id: "1 month", label: "1 month", interval: { timeUnit: "month", count: 1 } }
  ]
});

intervalSwitcher.events.on("selected", function(ev) {
  dateAxis.axisRanges.clear();
  setDataInterval(ev.item.interval);
});

// Set up series type switcher
// -------------------------------------------------------------------------------
// https://www.amcharts.com/docs/v5/charts/stock/toolbar/series-type-control/
var seriesSwitcher = am5stock.SeriesTypeControl.new(root, {
  stockChart: stockChart
});

seriesSwitcher.events.on("selected", function(ev) {
  setSeriesType(ev.item.id);
});

function getNewSettings(series) {
  var newSettings = [];
  am5.array.each(["name", "valueYField", "highValueYField", "lowValueYField", "openValueYField", "calculateAggregates", "valueXField", "xAxis", "yAxis", "legendValueText", "stroke", "fill"], function(setting) {
    newSettings[setting] = series.get(setting);
  });
  return newSettings;
}

function setSeriesType(seriesType) {
  // Get current series and its settings
  var currentSeries = stockChart.get("stockSeries");
  var newSettings = getNewSettings(currentSeries);

  // Remove previous series
  var data = currentSeries.data.values;
  mainPanel.series.removeValue(currentSeries);

  // Create new series
  var series;
  switch (seriesType) {
    case "line":
      series = mainPanel.series.push(am5xy.LineSeries.new(root, newSettings));
      break;
    case "candlestick":
    case "procandlestick":
      newSettings.clustered = false;
      series = mainPanel.series.push(am5xy.CandlestickSeries.new(root, newSettings));
      if (seriesType == "procandlestick") {
        series.columns.template.get("themeTags").push("pro");
      }
      break;
    case "ohlc":
      newSettings.clustered = false;
      series = mainPanel.series.push(am5xy.OHLCSeries.new(root, newSettings));
      break;
  }

  // Set new series as stockSeries
  if (series) {
    valueLegend.data.removeValue(currentSeries);
    series.data.setAll(data);
    stockChart.set("stockSeries", series);
    var cursor = mainPanel.get("cursor");
    if (cursor) {
      cursor.set("snapToSeries", [series]);
    }
    valueLegend.data.insertIndex(0, series);
  }
}

// Stock toolbar
// -------------------------------------------------------------------------------
// https://www.amcharts.com/docs/v5/charts/stock/toolbar/
var toolbar = am5stock.StockToolbar.new(root, {
  container: document.getElementById("chartcontrols"),
  stockChart: stockChart,
  controls: [
    am5stock.IndicatorControl.new(root, {
      stockChart: stockChart,
      legend: valueLegend
    }),
    am5stock.DateRangeSelector.new(root, {
      stockChart: stockChart
    }),
    am5stock.PeriodSelector.new(root, {
      stockChart: stockChart
    }),
    seriesSwitcher,
    intervalSwitcher,
    am5stock.DrawingControl.new(root, {
      stockChart: stockChart
    }),
    am5stock.ResetControl.new(root, {
      stockChart: stockChart
    }),
    am5stock.SettingsControl.new(root, {
      stockChart: stockChart
    })
  ]
})

// change data interval
function setDataInterval(interval) {    
   makeEvent(1619006400000, "S", am5.color(0xff0000), "Split 4:1")
   makeEvent(1619006400000, "D", am5.color(0x00FF00), "Dividends paid")
   makeEvent(1634212800000, "D", am5.color(0x00FF00), "Dividends paid")
   // then load new data
}

// data
var data = [
  { Date: 1617192000000, Open: 515.67, High: 528.13, Low: 515.44, Close: 521.66, Volume: 3503100 },
  { Date: 1617278400000, Open: 529.93, High: 540.5, Low: 527.03, Close: 539.42, Volume: 3938600 },
  { Date: 1617624000000, Open: 540.01, High: 542.85, Low: 529.23, Close: 540.67, Volume: 3355900 },
  { Date: 1617710400000, Open: 544.81, High: 554.17, Low: 543.3, Close: 544.53, Volume: 3474200 },
  { Date: 1617796800000, Open: 543.5, High: 549.64, Low: 541.45, Close: 546.99, Volume: 2151300 },
  { Date: 1617883200000, Open: 551.13, High: 556.9, Low: 547.57, Close: 554.58, Volume: 4309800 },
  { Date: 1617969600000, Open: 552.69, High: 556.9, Low: 547.11, Close: 555.31, Volume: 2894000 },
  { Date: 1618228800000, Open: 551.05, High: 557.98, Low: 549.58, Close: 552.78, Volume: 2944100 },
  { Date: 1618315200000, Open: 557, High: 559.75, Low: 550.3, Close: 553.73, Volume: 2720300 },
  { Date: 1618401600000, Open: 554.87, High: 554.87, Low: 538.53, Close: 540.02, Volume: 3740300 },
  { Date: 1618488000000, Open: 544.17, High: 553.49, Low: 542.66, Close: 549.22, Volume: 3139100 },
  { Date: 1618574400000, Open: 550.54, High: 551.98, Low: 539.51, Close: 546.54, Volume: 3209100 },
  { Date: 1618833600000, Open: 546.9, High: 556.44, Low: 545.53, Close: 554.44, Volume: 4288700 },
  { Date: 1618920000000, Open: 554.42, High: 563.56, Low: 546.3, Close: 549.57, Volume: 11257600 },
  { Date: 1619006400000, Open: 508, High: 515.46, Low: 503.6, Close: 508.9, Volume: 22897400 },
  { Date: 1619092800000, Open: 513.82, High: 513.96, Low: 500.55, Close: 508.78, Volume: 9061100 },
  { Date: 1619179200000, Open: 509.01, High: 509.7, Low: 500.7, Close: 505.55, Volume: 7307700 },
  { Date: 1619438400000, Open: 506.76, High: 510.48, Low: 503, Close: 510.3, Volume: 4388800 },
  { Date: 1619524800000, Open: 512.62, High: 512.99, Low: 504.58, Close: 505.55, Volume: 3761300 },
  { Date: 1619611200000, Open: 505.2, High: 508.4, Low: 503.34, Close: 506.52, Volume: 3193000 },
  { Date: 1619697600000, Open: 507.6, High: 509.29, Low: 499, Close: 509, Volume: 5127800 },
  { Date: 1619784000000, Open: 505, High: 514.55, Low: 505, Close: 513.47, Volume: 4413200 },
  { Date: 1620043200000, Open: 512.65, High: 518.95, Low: 505.2, Close: 509.11, Volume: 4091900 },
  { Date: 1620129600000, Open: 510.78, High: 511.63, Low: 496.79, Close: 503.18, Volume: 4349500 },
  { Date: 1620216000000, Open: 504.99, High: 507.78, Low: 494.63, Close: 496.08, Volume: 3129400 },
  { Date: 1620302400000, Open: 495.99, High: 499.55, Low: 491.37, Close: 499.55, Volume: 3783700 },
  { Date: 1620388800000, Open: 504.62, High: 508.55, Low: 501.12, Close: 503.84, Volume: 3132800 },
  { Date: 1620648000000, Open: 502, High: 503.15, Low: 486.11, Close: 486.69, Volume: 5131600 },
  { Date: 1620734400000, Open: 479.75, High: 497.99, Low: 478.63, Close: 495.08, Volume: 4401000 },
  { Date: 1620820800000, Open: 486.83, High: 493.54, Low: 482.7, Close: 484.98, Volume: 4121500 },
  { Date: 1620907200000, Open: 489.13, High: 490.78, Low: 482.71, Close: 486.66, Volume: 2712500 },
  { Date: 1620993600000, Open: 487.86, High: 494.85, Low: 486.59, Close: 493.37, Volume: 2882500 },
  { Date: 1621252800000, Open: 485.59, High: 492.71, Low: 482.81, Close: 488.94, Volume: 2705200 },
  { Date: 1621339200000, Open: 488.4, High: 493.48, Low: 486.19, Close: 486.28, Volume: 2350500 },
  { Date: 1621425600000, Open: 481.63, High: 488.57, Low: 478.54, Close: 487.7, Volume: 3349900 },
  { Date: 1621512000000, Open: 489.55, High: 502.7, Low: 488.98, Close: 501.67, Volume: 3721200 },
  { Date: 1621598400000, Open: 503.12, High: 505.4, Low: 497.26, Close: 497.89, Volume: 3322900 },
  { Date: 1621857600000, Open: 501.05, High: 504.25, Low: 499.51, Close: 502.9, Volume: 2412600 },
  { Date: 1621944000000, Open: 506, High: 506.37, Low: 499.22, Close: 501.34, Volume: 2699500 },
  { Date: 1622030400000, Open: 502.34, High: 504.14, Low: 500.5, Close: 502.36, Volume: 2465300 },
  { Date: 1622116800000, Open: 501.8, High: 505.1, Low: 498.54, Close: 503.86, Volume: 3253800 },
  { Date: 1622203200000, Open: 504.4, High: 511.76, Low: 502.53, Close: 502.81, Volume: 2910300 },
  { Date: 1622548800000, Open: 504.01, High: 505.41, Low: 497.74, Close: 499.08, Volume: 2482600 },
  { Date: 1622635200000, Open: 499.82, High: 503.22, Low: 495.82, Close: 499.24, Volume: 2269000 },
  { Date: 1622721600000, Open: 495.19, High: 496.66, Low: 487.25, Close: 489.43, Volume: 3887400 },
  { Date: 1622808000000, Open: 492, High: 501.86, Low: 490.95, Close: 494.74, Volume: 3160500 },
  { Date: 1623067200000, Open: 492.92, High: 496.7, Low: 490.55, Close: 494.66, Volume: 2791900 },
  { Date: 1623153600000, Open: 497, High: 498.82, Low: 489.37, Close: 492.39, Volume: 2374000 },
  { Date: 1623240000000, Open: 494.5, High: 496.09, Low: 484.65, Close: 485.81, Volume: 3055000 },
  { Date: 1623326400000, Open: 487.17, High: 490.21, Low: 482.14, Close: 487.27, Volume: 4382900 },
  { Date: 1623412800000, Open: 490, High: 491.41, Low: 487.78, Close: 488.77, Volume: 3124000 },
  { Date: 1623672000000, Open: 489.68, High: 503.5, Low: 486.91, Close: 499.89, Volume: 4400200 },
  { Date: 1623758400000, Open: 501.23, High: 501.23, Low: 490.4, Close: 491.9, Volume: 3104100 },
  { Date: 1623844800000, Open: 495, High: 496.46, Low: 486.28, Close: 492.41, Volume: 3533200 },
  { Date: 1623931200000, Open: 490.25, High: 501.8, Low: 490.15, Close: 498.34, Volume: 3198300 },
  { Date: 1624017600000, Open: 496.4, High: 504.49, Low: 495.24, Close: 500.77, Volume: 5197600 },
  { Date: 1624276800000, Open: 501.64, High: 502.05, Low: 492.28, Close: 497, Volume: 5277300 },
  { Date: 1624363200000, Open: 498.54, High: 513.55, Low: 495.8, Close: 508.82, Volume: 5809300 },
  { Date: 1624449600000, Open: 508.48, High: 516.63, Low: 508.2, Close: 512.74, Volume: 3944800 },
  { Date: 1624536000000, Open: 517.96, High: 520.96, Low: 514.4, Close: 518.06, Volume: 3361200 },
  { Date: 1624622400000, Open: 528.84, High: 533.06, Low: 525, Close: 527.07, Volume: 5299100 },
  { Date: 1624881600000, Open: 528.12, High: 533.94, Low: 524.56, Close: 533.03, Volume: 2820200 },
  { Date: 1624968000000, Open: 533.55, High: 536.13, Low: 528.57, Close: 533.5, Volume: 2314600 },
  { Date: 1625054400000, Open: 534.06, High: 534.38, Low: 526.82, Close: 528.21, Volume: 2773400 },
  { Date: 1625140800000, Open: 525.72, High: 537.04, Low: 525.72, Close: 533.54, Volume: 2805400 },
  { Date: 1625227200000, Open: 535.5, High: 538.54, Low: 529.39, Close: 533.98, Volume: 1975500 },
  { Date: 1625572800000, Open: 533, High: 542.86, Low: 533, Close: 541.64, Volume: 2775100 },
  { Date: 1625659200000, Open: 544.24, High: 544.64, Low: 531.66, Close: 535.96, Volume: 2722500 },
  { Date: 1625745600000, Open: 530.93, High: 535.5, Low: 529.09, Close: 530.76, Volume: 3269000 },
  { Date: 1625832000000, Open: 531, High: 538.26, Low: 528.58, Close: 535.98, Volume: 2777200 },
  { Date: 1626091200000, Open: 540.3, High: 540.65, Low: 532.92, Close: 537.31, Volume: 1780700 },
  { Date: 1626177600000, Open: 535.76, High: 545.33, Low: 535.76, Close: 540.68, Volume: 2751600 },
  { Date: 1626264000000, Open: 541.01, High: 554.1, Low: 541.01, Close: 547.95, Volume: 4659500 },
  { Date: 1626350400000, Open: 553.97, High: 557.54, Low: 538.2, Close: 542.95, Volume: 5713900 },
  { Date: 1626436800000, Open: 541.81, High: 544.06, Low: 527.05, Close: 530.31, Volume: 3442100 },
  { Date: 1626696000000, Open: 526.05, High: 534.91, Low: 522.24, Close: 532.28, Volume: 3885800 },
  { Date: 1626782400000, Open: 526.07, High: 536.64, Low: 520.3, Close: 531.05, Volume: 6930400 },
  { Date: 1626868800000, Open: 526.13, High: 530.99, Low: 505.61, Close: 513.63, Volume: 11906800 },
  { Date: 1626955200000, Open: 510.21, High: 513.68, Low: 507, Close: 511.77, Volume: 4328100 },
  { Date: 1627041600000, Open: 512.16, High: 517.41, Low: 504.66, Close: 515.41, Volume: 3820500 },
  { Date: 1627300800000, Open: 514.38, High: 521.13, Low: 509.01, Close: 516.49, Volume: 2254500 },
  { Date: 1627387200000, Open: 518.08, High: 521.95, Low: 512.05, Close: 518.91, Volume: 2759000 },
  { Date: 1627473600000, Open: 521.82, High: 524.47, Low: 516.98, Close: 519.3, Volume: 2390500 },
  { Date: 1627560000000, Open: 519.96, High: 520.78, Low: 513.79, Close: 514.25, Volume: 1736000 },
  { Date: 1627646400000, Open: 512.69, High: 519.79, Low: 510.96, Close: 517.57, Volume: 2537100 },
  { Date: 1627905600000, Open: 519, High: 519.85, Low: 510.51, Close: 515.15, Volume: 2096600 },
  { Date: 1627992000000, Open: 514.39, High: 515.63, Low: 505.37, Close: 510.82, Volume: 2579400 },
  { Date: 1628078400000, Open: 513, High: 517.98, Low: 510.37, Close: 517.35, Volume: 2039400 },
  { Date: 1628164800000, Open: 517.13, High: 525.41, Low: 514.02, Close: 524.89, Volume: 2556700 },
  { Date: 1628251200000, Open: 524, High: 526.84, Low: 519.39, Close: 520.55, Volume: 1919800 },
  { Date: 1628510400000, Open: 521.15, High: 522.67, Low: 517.99, Close: 519.97, Volume: 1367800 },
  { Date: 1628596800000, Open: 520, High: 520.79, Low: 512.97, Close: 515.84, Volume: 1960500 },
  { Date: 1628683200000, Open: 517, High: 519.57, Low: 509.77, Close: 512.4, Volume: 1673900 },
  { Date: 1628769600000, Open: 511.86, High: 513, Low: 507.2, Close: 510.72, Volume: 1685700 },
  { Date: 1628856000000, Open: 512.64, High: 521.44, Low: 511.51, Close: 515.92, Volume: 2177700 },
  { Date: 1629115200000, Open: 515.24, High: 523.38, Low: 512.3, Close: 517.92, Volume: 2032800 },
  { Date: 1629201600000, Open: 515.47, High: 520.79, Low: 514.2, Close: 518.91, Volume: 2309800 },
  { Date: 1629288000000, Open: 520, High: 526.38, Low: 518.65, Close: 521.87, Volume: 2582000 },
  { Date: 1629374400000, Open: 522.74, High: 548.39, Low: 521.87, Close: 543.71, Volume: 7497300 },
  { Date: 1629460800000, Open: 545.09, High: 551.39, Low: 539.1, Close: 546.88, Volume: 3776400 },
  { Date: 1629720000000, Open: 545.98, High: 555.55, Low: 543.74, Close: 553.33, Volume: 2602000 },
  { Date: 1629806400000, Open: 551.48, High: 555.31, Low: 549.27, Close: 553.41, Volume: 2109500 },
  { Date: 1629892800000, Open: 550.16, High: 552.84, Low: 545.45, Close: 547.58, Volume: 2065600 },
  { Date: 1629979200000, Open: 546.16, High: 552.6, Low: 545.9, Close: 550.12, Volume: 1595500 },
  { Date: 1630065600000, Open: 551.6, High: 564.17, Low: 549.25, Close: 558.92, Volume: 3252600 },
  { Date: 1630324800000, Open: 557.25, High: 567.16, Low: 556.45, Close: 566.18, Volume: 2434800 },
  { Date: 1630411200000, Open: 566.12, High: 569.48, Low: 561.61, Close: 569.19, Volume: 2431900 },
  { Date: 1630497600000, Open: 569, High: 591, Low: 569, Close: 582.07, Volume: 5626200 },
  { Date: 1630584000000, Open: 583.68, High: 598.76, Low: 583.68, Close: 588.55, Volume: 6179900 },
  { Date: 1630670400000, Open: 585.8, High: 591.88, Low: 583.14, Close: 590.53, Volume: 2681200 },
  { Date: 1631016000000, Open: 594.69, High: 613.85, Low: 593.99, Close: 606.71, Volume: 5821400 },
  { Date: 1631102400000, Open: 603.84, High: 615.6, Low: 595.71, Close: 606.05, Volume: 5424500 },
  { Date: 1631188800000, Open: 606.47, High: 609.44, Low: 596.55, Close: 597.54, Volume: 2954200 },
  { Date: 1631275200000, Open: 598.16, High: 609.45, Low: 593.67, Close: 598.72, Volume: 3950800 },
  { Date: 1631534400000, Open: 598.57, High: 598.57, Low: 582.78, Close: 589.29, Volume: 3062900 },
  { Date: 1631620800000, Open: 584.89, High: 587.28, Low: 575.56, Close: 577.76, Volume: 3457000 },
  { Date: 1631707200000, Open: 578.17, High: 584.62, Low: 575.37, Close: 582.87, Volume: 2755600 },
  { Date: 1631793600000, Open: 584.3, High: 587.48, Low: 577.72, Close: 586.5, Volume: 1832000 },
  { Date: 1631880000000, Open: 587.85, High: 590.28, Low: 580.85, Close: 589.35, Volume: 4145100 },
  { Date: 1632139200000, Open: 586.79, High: 591.53, Low: 568.08, Close: 575.43, Volume: 3732200 },
  { Date: 1632225600000, Open: 578.31, High: 581.88, Low: 569.37, Close: 573.14, Volume: 2250900 },
  { Date: 1632312000000, Open: 579.69, High: 595.65, Low: 579.69, Close: 590.65, Volume: 4021800 },
  { Date: 1632398400000, Open: 590.79, High: 599.32, Low: 589.13, Close: 593.26, Volume: 2526200 },
  { Date: 1632484800000, Open: 592.5, High: 592.98, Low: 583.64, Close: 592.39, Volume: 2126200 },
  { Date: 1632744000000, Open: 587.95, High: 593.58, Low: 576.93, Close: 592.64, Volume: 2504700 },
  { Date: 1632830400000, Open: 589, High: 599.54, Low: 580.16, Close: 583.85, Volume: 4431100 },
  { Date: 1632916800000, Open: 589.01, High: 609.88, Low: 588.01, Close: 599.06, Volume: 6221000 },
  { Date: 1633003200000, Open: 608.05, High: 619, Low: 608.05, Close: 610.34, Volume: 6612600 },
  { Date: 1633089600000, Open: 604.24, High: 614.99, Low: 597.51, Close: 613.15, Volume: 4090800 },
  { Date: 1633348800000, Open: 613.39, High: 626.13, Low: 594.68, Close: 603.35, Volume: 4995900 },
  { Date: 1633435200000, Open: 606.94, High: 640.39, Low: 606.89, Close: 634.81, Volume: 9534300 },
  { Date: 1633521600000, Open: 628.18, High: 639.87, Low: 626.36, Close: 639.1, Volume: 4580400 },
  { Date: 1633608000000, Open: 642.23, High: 646.84, Low: 630.45, Close: 631.85, Volume: 3556900 },
  { Date: 1633694400000, Open: 634.17, High: 643.8, Low: 630.86, Close: 632.66, Volume: 3272100 },
  { Date: 1633953600000, Open: 633.2, High: 639.42, Low: 626.78, Close: 627.04, Volume: 2862500 },
  { Date: 1634040000000, Open: 633.02, High: 637.66, Low: 621.99, Close: 624.94, Volume: 3227300 },
  { Date: 1634126400000, Open: 632.18, High: 632.18, Low: 622.1, Close: 629.76, Volume: 2420300 },
  { Date: 1634212800000, Open: 632.23, High: 636.88, Low: 626.79, Close: 633.8, Volume: 2671700 },
  { Date: 1634299200000, Open: 638, High: 639.42, Low: 625.16, Close: 628.29, Volume: 4116900 },
  { Date: 1634558400000, Open: 632.1, High: 638.41, Low: 620.59, Close: 637.97, Volume: 4669100 },
  { Date: 1634644800000, Open: 636.97, High: 641, Low: 632.3, Close: 639, Volume: 7633100 },
  { Date: 1634731200000, Open: 625.57, High: 637.4, Low: 617.15, Close: 625.14, Volume: 10622000 },
  { Date: 1634817600000, Open: 628.89, High: 654.01, Low: 628.65, Close: 653.16, Volume: 8437100 },
  { Date: 1634904000000, Open: 651.81, High: 665.46, Low: 651.81, Close: 664.78, Volume: 6186000 },
  { Date: 1635163200000, Open: 663.74, High: 675.88, Low: 657.07, Close: 671.66, Volume: 3833500 },
  { Date: 1635249600000, Open: 673.76, High: 676.49, Low: 662.77, Close: 668.52, Volume: 2904800 },
  { Date: 1635336000000, Open: 669, High: 671.41, Low: 661.85, Close: 662.92, Volume: 2276900 },
  { Date: 1635422400000, Open: 670.95, High: 676.8, Low: 668.03, Close: 674.05, Volume: 2859400 },
  { Date: 1635508800000, Open: 673.06, High: 690.97, Low: 671.24, Close: 690.31, Volume: 3825300 },
  { Date: 1635768000000, Open: 689.06, High: 689.97, Low: 676.54, Close: 681.17, Volume: 3110900 },
  { Date: 1635854400000, Open: 683.11, High: 687.68, Low: 673.82, Close: 677.72, Volume: 3888600 },
  { Date: 1635940800000, Open: 677.27, High: 689.39, Low: 677.27, Close: 688.29, Volume: 2334900 },
  { Date: 1636027200000, Open: 685.89, High: 685.94, Low: 665.5, Close: 668.4, Volume: 4865000 },
  { Date: 1636113600000, Open: 663.97, High: 665.64, Low: 645.01, Close: 645.72, Volume: 5283500 },
  { Date: 1636372800000, Open: 650.29, High: 656, Low: 643.79, Close: 651.45, Volume: 2887500 },
  { Date: 1636459200000, Open: 653.7, High: 660.5, Low: 650.52, Close: 655.99, Volume: 2415600 },
  { Date: 1636545600000, Open: 653.01, High: 660.33, Low: 642.11, Close: 646.91, Volume: 2405800 },
  { Date: 1636632000000, Open: 650.24, High: 665.82, Low: 649.71, Close: 657.58, Volume: 2868300 },
  { Date: 1636718400000, Open: 660.01, High: 683.34, Low: 653.82, Close: 682.61, Volume: 4198400 },
  { Date: 1636977600000, Open: 681.24, High: 685.26, Low: 671.49, Close: 679.33, Volume: 2872200 },
  { Date: 1637064000000, Open: 678.27, High: 688.36, Low: 676.9, Close: 687.4, Volume: 2077400 },
  { Date: 1637150400000, Open: 690, High: 700.99, Low: 686.09, Close: 691.69, Volume: 2732800 },
  { Date: 1637236800000, Open: 691.61, High: 691.74, Low: 679.74, Close: 682.02, Volume: 2012900 },
  { Date: 1637323200000, Open: 692.35, High: 694.16, Low: 675, Close: 678.8, Volume: 2613700 },
  { Date: 1637582400000, Open: 676.02, High: 679.48, Low: 656.47, Close: 659.2, Volume: 2764400 },
  { Date: 1637668800000, Open: 658.18, High: 666.43, Low: 646.05, Close: 654.06, Volume: 2320200 },
  { Date: 1637755200000, Open: 658.01, High: 661.44, Low: 651.1, Close: 658.29, Volume: 1867300 },
  { Date: 1637928000000, Open: 675, High: 676.41, Low: 660.67, Close: 665.64, Volume: 2872500 },
  { Date: 1638187200000, Open: 663.2, High: 667.99, Low: 658.29, Close: 663.84, Volume: 2529400 },
  { Date: 1638273600000, Open: 668.2, High: 675.38, Low: 640.01, Close: 641.9, Volume: 5608900 },
  { Date: 1638360000000, Open: 649.48, High: 654.52, Low: 617.07, Close: 617.77, Volume: 3882800 },
  { Date: 1638446400000, Open: 617.1, High: 625.36, Low: 612.88, Close: 616.47, Volume: 3331100 },
  { Date: 1638532800000, Open: 622.75, High: 625.5, Low: 594, Close: 602.13, Volume: 4829300 },
  { Date: 1638792000000, Open: 606.01, High: 617.29, Low: 601, Close: 612.69, Volume: 3075700 },
  { Date: 1638878400000, Open: 619.83, High: 628.89, Low: 611.4, Close: 625.58, Volume: 3125200 },
  { Date: 1638964800000, Open: 630, High: 632.46, Low: 623.2, Close: 628.08, Volume: 2220300 },
  { Date: 1639051200000, Open: 627.58, High: 630.24, Low: 610.44, Close: 611, Volume: 2376300 },
  { Date: 1639137600000, Open: 616.78, High: 617.74, Low: 605.88, Close: 611.66, Volume: 2748800 },
  { Date: 1639396800000, Open: 612, High: 612.64, Low: 599.52, Close: 604.56, Volume: 2517900 },
  { Date: 1639483200000, Open: 598.71, High: 602.29, Low: 588.13, Close: 597.99, Volume: 2984500 },
  { Date: 1639569600000, Open: 598.18, High: 605.69, Low: 584.51, Close: 605.04, Volume: 2866200 },
  { Date: 1639656000000, Open: 597.09, High: 602.83, Low: 588, Close: 591.06, Volume: 3143200 },
  { Date: 1639742400000, Open: 591.61, High: 593.25, Low: 581.74, Close: 586.73, Volume: 4386900 },
  { Date: 1640001600000, Open: 586.43, High: 602.88, Low: 584.26, Close: 593.74, Volume: 3358400 },
  { Date: 1640088000000, Open: 597.54, High: 607.82, Low: 593.86, Close: 604.92, Volume: 2319400 },
  { Date: 1640174400000, Open: 603.36, High: 614.82, Low: 602.63, Close: 614.24, Volume: 2335700 },
  { Date: 1640260800000, Open: 616.4, High: 616.88, Low: 607.57, Close: 614.09, Volume: 1621100 },
  { Date: 1640606400000, Open: 615, High: 615, Low: 609.25, Close: 613.12, Volume: 2061500 },
  { Date: 1640692800000, Open: 614.95, High: 618.41, Low: 609.69, Close: 610.71, Volume: 1882800 },
  { Date: 1640779200000, Open: 610.71, High: 613.98, Low: 604.68, Close: 610.54, Volume: 1287200 },
  { Date: 1640865600000, Open: 612.99, High: 620.61, Low: 611.24, Close: 612.09, Volume: 1625100 },
  { Date: 1640952000000, Open: 610.01, High: 614.08, Low: 602.05, Close: 602.44, Volume: 1995900 },
  { Date: 1641211200000, Open: 605.61, High: 609.99, Low: 590.56, Close: 597.37, Volume: 3067500 },
  { Date: 1641297600000, Open: 599.91, High: 600.41, Low: 581.6, Close: 591.15, Volume: 4393100 },
  { Date: 1641384000000, Open: 592, High: 592.84, Low: 566.88, Close: 567.52, Volume: 4148700 },
  { Date: 1641470400000, Open: 554.34, High: 563.36, Low: 542.01, Close: 553.29, Volume: 5711800 },
  { Date: 1641556800000, Open: 549.46, High: 553.43, Low: 538.22, Close: 541.06, Volume: 3382900 },
  { Date: 1641816000000, Open: 538.49, High: 543.69, Low: 526.32, Close: 539.85, Volume: 4486100 },
  { Date: 1641902400000, Open: 536.99, High: 543.91, Low: 530.07, Close: 540.84, Volume: 3077800 },
  { Date: 1641988800000, Open: 544.27, High: 544.27, Low: 532.02, Close: 537.22, Volume: 3787400 },
  { Date: 1642075200000, Open: 537.06, High: 540.79, Low: 518.26, Close: 519.2, Volume: 4475100 },
  { Date: 1642161600000, Open: 517.6, High: 538.37, Low: 511.88, Close: 525.69, Volume: 7861100 },
  { Date: 1642507200000, Open: 520.08, High: 521.75, Low: 508.68, Close: 510.8, Volume: 4839100 },
  { Date: 1642593600000, Open: 515, High: 523.21, Low: 510.51, Close: 515.86, Volume: 4353500 },
  { Date: 1642680000000, Open: 517.75, High: 526.64, Low: 506.93, Close: 508.25, Volume: 12659000 },
  { Date: 1642766400000, Open: 400.43, High: 409.15, Low: 379.99, Close: 397.5, Volume: 58904300 },
  { Date: 1643025600000, Open: 383.91, High: 387.26, Low: 351.46, Close: 387.15, Volume: 32346000 },
  { Date: 1643112000000, Open: 379.14, High: 387.71, Low: 365.13, Close: 366.42, Volume: 15145800 },
  { Date: 1643198400000, Open: 378.27, High: 382.66, Low: 356.62, Close: 359.7, Volume: 12684000 },
  { Date: 1643284800000, Open: 382.06, High: 394.8, Low: 378.1, Close: 386.7, Volume: 24324700 },
  { Date: 1643371200000, Open: 386.76, High: 387, Low: 372.08, Close: 384.36, Volume: 11966600 },
  { Date: 1643630400000, Open: 401.97, High: 427.7, Low: 398.2, Close: 427.14, Volume: 20047500 },
  { Date: 1643716800000, Open: 432.96, High: 458.48, Low: 425.54, Close: 457.13, Volume: 22568100 },
  { Date: 1643803200000, Open: 448.25, High: 451.98, Low: 426.48, Close: 429.48, Volume: 14346000 },
  { Date: 1643889600000, Open: 421.44, High: 429.26, Low: 404.28, Close: 405.6, Volume: 9905200 },
  { Date: 1643976000000, Open: 407.31, High: 412.77, Low: 396.64, Close: 410.17, Volume: 7789800 },
  { Date: 1644235200000, Open: 410.17, High: 412.35, Low: 393.55, Close: 402.1, Volume: 8232900 },
  { Date: 1644321600000, Open: 398.18, High: 406.61, Low: 395.83, Close: 403.53, Volume: 6818500 },
  { Date: 1644408000000, Open: 408.65, High: 412.98, Low: 398.79, Close: 412.89, Volume: 7738200 },
  { Date: 1644494400000, Open: 402.1, High: 408, Low: 396.36, Close: 406.27, Volume: 8452900 },
  { Date: 1644580800000, Open: 405.33, High: 411.61, Low: 387.65, Close: 391.31, Volume: 7558900 },
  { Date: 1644840000000, Open: 387.59, High: 409.36, Low: 386.89, Close: 396.57, Volume: 7202200 },
  { Date: 1644926400000, Open: 403.79, High: 409.16, Low: 401.01, Close: 407.46, Volume: 5392300 },
  { Date: 1645012800000, Open: 401.53, High: 401.56, Low: 390.38, Close: 398.08, Volume: 5277700 },
  { Date: 1645099200000, Open: 394.24, High: 399.11, Low: 385.7, Close: 386.67, Volume: 4669200 },
  { Date: 1645185600000, Open: 392.53, High: 402.87, Low: 389.05, Close: 391.29, Volume: 6801700 },
  { Date: 1645531200000, Open: 388.95, High: 392.42, Low: 373.02, Close: 377.38, Volume: 6697500 },
  { Date: 1645617600000, Open: 382.72, High: 386, Low: 366.66, Close: 367.46, Volume: 4614300 },
  { Date: 1645704000000, Open: 355.09, High: 390.73, Low: 354.72, Close: 390.03, Volume: 7068700 },
  { Date: 1645790400000, Open: 386.61, High: 391.29, Low: 375.58, Close: 390.8, Volume: 4841600 },
  { Date: 1646049600000, Open: 387.33, High: 397.75, Low: 382.13, Close: 394.52, Volume: 5030600 },
  { Date: 1646136000000, Open: 391.6, High: 395, Low: 383.71, Close: 386.24, Volume: 3290400 },
  { Date: 1646222400000, Open: 388.93, High: 389.22, Low: 375.21, Close: 380.03, Volume: 5356800 },
  { Date: 1646308800000, Open: 386, High: 386.12, Low: 364.65, Close: 368.07, Volume: 6076800 },
  { Date: 1646395200000, Open: 368, High: 374.82, Low: 357.17, Close: 361.73, Volume: 5325500 },
  { Date: 1646654400000, Open: 360.41, High: 362, Low: 350.2, Close: 350.26, Volume: 5708400 },
  { Date: 1646740800000, Open: 349.8, High: 358.86, Low: 340.67, Close: 341.76, Volume: 6428700 },
  { Date: 1646827200000, Open: 357.69, High: 364.14, Low: 350.51, Close: 358.79, Volume: 6520200 },
  { Date: 1646913600000, Open: 356.2, High: 367.02, Low: 353.3, Close: 356.77, Volume: 4807800 },
  { Date: 1647000000000, Open: 361.19, High: 363.36, Low: 340, Close: 340.32, Volume: 4815500 },
  { Date: 1647259200000, Open: 338.72, High: 341.32, Low: 329.82, Close: 331.01, Volume: 5907800 },
  { Date: 1647345600000, Open: 335.1, High: 345.36, Low: 332.36, Close: 343.75, Volume: 5460600 },
  { Date: 1647432000000, Open: 348.2, High: 359.99, Low: 343.06, Close: 357.53, Volume: 6982500 },
  { Date: 1647518400000, Open: 359.7, High: 373.31, Low: 354.88, Close: 371.4, Volume: 5818300 },
  { Date: 1647604800000, Open: 372, High: 381.8, Low: 368.47, Close: 380.6, Volume: 8309200 },
  { Date: 1647864000000, Open: 378.02, High: 381.82, Low: 368.94, Close: 374.59, Volume: 4866500 },
  { Date: 1647950400000, Open: 371.14, High: 386.66, Low: 366.76, Close: 382.92, Volume: 4242800 },
  { Date: 1648036800000, Open: 379.77, High: 382.46, Low: 374.49, Close: 374.49, Volume: 3729000 },
  { Date: 1648123200000, Open: 379.76, High: 379.76, Low: 368.9, Close: 375.71, Volume: 3888500 },
  { Date: 1648209600000, Open: 377.07, High: 377.64, Low: 366.43, Close: 373.85, Volume: 3574500 },
  { Date: 1648468800000, Open: 375.23, High: 380.28, Low: 366.73, Close: 378.51, Volume: 4323400 },
  { Date: 1648555200000, Open: 384.39, High: 396.5, Low: 380.33, Close: 391.82, Volume: 5880700 },
  { Date: 1648641600000, Open: 389.55, High: 392.7, Low: 378.63, Close: 381.47, Volume: 4023300 }
];

var tooltip = am5.Tooltip.new(root, {
  getStrokeFromSprite: false,
  getFillFromSprite: false
});

tooltip.get("background").setAll({
  strokeOpacity: 1,
  stroke: am5.color(0x000000),
  fillOpacity: 1,
  fill: am5.color(0xffffff)
});

function makeEvent(date, letter, color, description) {
  var dataItem = dateAxis.createAxisRange(dateAxis.makeDataItem({ value: date }))
  var grid = dataItem.get("grid");
  if (grid) {
    grid.setAll({ visible: true, strokeOpacity: 0.2, strokeDasharray: [3, 3] })
  }

  var bullet = am5.Container.new(root, {
    dy: -100
  });

  var circle = bullet.children.push(am5.Circle.new(root, {
    radius: 10,
    stroke: color,
    fill: am5.color(0xffffff),
    tooltipText: description,
    tooltip: tooltip,
    tooltipY: 0
  }));

  var label = bullet.children.push(am5.Label.new(root, {
    text: letter,
    centerX: am5.p50,
    centerY: am5.p50
  }));

  dataItem.set("bullet", am5xy.AxisBullet.new(root, {
    location: 0,
    stacked: true,
    sprite: bullet
  }));
}

makeEvent(1619006400000, "S", am5.color(0xff0000), "Split 4:1")
makeEvent(1619006400000, "D", am5.color(0x00FF00), "Dividends paid")
makeEvent(1634212800000, "D", am5.color(0x00FF00), "Dividends paid")

// set data to all series
valueSeries.data.setAll(data);
volumeSeries.data.setAll(data);
sbSeries.data.setAll(data);
zeroin commented 1 year ago

It's a bug on our side - thanks for the heads up. We do dispose tooltip when disposing sprite if it is assigned to this sprite, to avoid memory leaks. We will discuss how to solve this issue. Meanwhile you can simply create a new instance of a tooltip before creating new events:

function setDataInterval(interval) {

  tooltip = am5.Tooltip.new(root, {
    getStrokeFromSprite: false,
    getFillFromSprite: false
  });

  makeEvent(1619006400000, "S", am5.color(0xff0000), "Split 4:1")
  makeEvent(1619006400000, "D", am5.color(0x00FF00), "Dividends paid")
  makeEvent(1634212800000, "D", am5.color(0x00FF00), "Dividends paid")
  // then load new data
}
BrunoJ75 commented 1 year ago

Thanks for the reply

I tried creating a new instance of tooltip before creating new events but it does'nt work for me When I add your code, I still have the "EventDispacther is disposed" error

zeroin commented 1 year ago

I don't get the error: https://codepen.io/team/amcharts/pen/MWzJeXR/ce633059643b958efbbcd02ca8a66864

I also noticed that the new bullets are not properly stacked, I'll investigate why.

BrunoJ75 commented 1 year ago

Sorry, bad copy/paste on my side, the trick works ;)

BrunoJ75 commented 1 year ago

I think you also have a problem with valueAxis on stockcharts With penny stocks, the axis shows highly negative values A stock price never has a negative value, the axis shouldn't go under 0

If you try with the dataset below (monthly values) and zoom to something less than 1Y, you can't see anything anymore It's even worth using weekly or daily values

var data = [
        { Date: 1271800800000, Open: 318182000, High: 358143000, Low: 316674000, Close: 321952000, Volume: 0 },
        { Date: 1272837600000, Open: 318182000, High: 324968000, Low: 227704000, Close: 236752000, Volume: 0 },
        { Date: 1275343200000, Open: 241275000, High: 254847000, Low: 211116000, Close: 251077000, Volume: 0 },
        { Date: 1277935200000, Open: 245045000, High: 250323000, Low: 218656000, Close: 224688000, Volume: 0 },
        { Date: 1280700000000, Open: 229966000, High: 235244000, Low: 214132000, Close: 223180000, Volume: 0 },
        { Date: 1283292000000, Open: 223180000, High: 240521000, Low: 214132000, Close: 226196000, Volume: 0 },
        { Date: 1285884000000, Open: 231474000, High: 231474000, Low: 207346000, Close: 211116000, Volume: 0 },
        { Date: 1288566000000, Open: 211116000, High: 215640000, Low: 191512000, Close: 197544000, Volume: 0 },
        { Date: 1291158000000, Open: 196036000, High: 202068000, Low: 169647000, Close: 179449000, Volume: 0 },
        { Date: 1294009200000, Open: 180957000, High: 214886000, Low: 180957000, Close: 211116000, Volume: 0 },
        { Date: 1296514800000, Open: 211116000, High: 260879000, Low: 205838000, Close: 260125000, Volume: 0 },
        { Date: 1298934000000, Open: 254847000, High: 336278000, Low: 236752000, Close: 297824000, Volume: 0 },
        { Date: 1301608800000, Open: 297070000, High: 325722000, Low: 283499000, Close: 298578000, Volume: 0 },
        { Date: 1304287200000, Open: 300086000, High: 350603000, Low: 288023000, Close: 333262000, Volume: 0 },
        { Date: 1306879200000, Open: 324214000, High: 399612000, Low: 294054000, Close: 309134000, Volume: 0 },
        { Date: 1309471200000, Open: 298578000, High: 345325000, Low: 260125000, Close: 314412000, Volume: 0 },
        { Date: 1312149600000, Open: 321952000, High: 326476000, Low: 265403000, Close: 297070000, Volume: 0 },
        { Date: 1314828000000, Open: 298578000, High: 298578000, Low: 226196000, Close: 254847000, Volume: 0 },
        { Date: 1317592800000, Open: 257863000, High: 277467000, Low: 241275000, Close: 277467000, Volume: 0 },
        { Date: 1320102000000, Open: 276713000, High: 293300000, Low: 226196000, Close: 253339000, Volume: 0 },
        { Date: 1322694000000, Open: 257863000, High: 290285000, Low: 236752000, Close: 263141000, Volume: 0 },
        { Date: 1325458800000, Open: 267665000, High: 331754000, Low: 265403000, Close: 286515000, Volume: 0 },
        { Date: 1328050800000, Open: 285761000, High: 358143000, Low: 281991000, Close: 357389000, Volume: 0 },
        { Date: 1330556400000, Open: 360405000, High: 360405000, Low: 311396000, Close: 314412000, Volume: 0 },
        { Date: 1333317600000, Open: 318936000, High: 333262000, Low: 253339000, Close: 289531000, Volume: 0 },
        { Date: 1335909600000, Open: 288023000, High: 288777000, Low: 236752000, Close: 255601000, Volume: 0 },
        { Date: 1338501600000, Open: 254093000, High: 254093000, Low: 94248200, Close: 121392000, Volume: 0 },
        { Date: 1341180000000, Open: 121392000, High: 140241000, Low: 104804000, Close: 109328000, Volume: 0 },
        { Date: 1343772000000, Open: 109328000, High: 140995000, Low: 106312000, Close: 128932000, Volume: 0 },
        { Date: 1346623200000, Open: 134209000, High: 147027000, Low: 126670000, Close: 126670000, Volume: 0 },
        { Date: 1349042400000, Open: 125916000, High: 243537000, Low: 121392000, Close: 183973000, Volume: 0 },
        { Date: 1351724400000, Open: 183973000, High: 239767000, Low: 172663000, Close: 183219000, Volume: 0 },
        { Date: 1354489200000, Open: 177941000, High: 193020000, Low: 172663000, Close: 172663000, Volume: 0 },
        { Date: 1357081200000, Open: 193774000, High: 207346000, Low: 179449000, Close: 188496000, Volume: 0 },
        { Date: 1359673200000, Open: 187742000, High: 248815000, Low: 158337000, Close: 165377000, Volume: 0 },
        { Date: 1362092400000, Open: 165377000, High: 173141000, Low: 142861000, Close: 143637000, Volume: 0 },
        { Date: 1364853600000, Open: 146743000, High: 157613000, Low: 116463000, Close: 154507000, Volume: 0 },
        { Date: 1367445600000, Open: 155283000, High: 156060000, Low: 138979000, Close: 145190000, Volume: 0 },
        { Date: 1370210400000, Open: 147519000, High: 152178000, Low: 124227000, Close: 138979000, Volume: 0 },
        { Date: 1372629600000, Open: 141308000, High: 151401000, Low: 135873000, Close: 141308000, Volume: 0 },
        { Date: 1375308000000, Open: 140532000, High: 161495000, Low: 134320000, Close: 144414000, Volume: 0 },
        { Date: 1378072800000, Open: 144414000, High: 150625000, Low: 128885000, Close: 135097000, Volume: 0 },
        { Date: 1380578400000, Open: 135097000, High: 158389000, Low: 130438000, Close: 142084000, Volume: 0 },
        { Date: 1383260400000, Open: 142861000, High: 146743000, Low: 123450000, Close: 133544000, Volume: 0 },
        { Date: 1385938800000, Open: 132767000, High: 196434000, Low: 128885000, Close: 168483000, Volume: 0 },
        { Date: 1388617200000, Open: 170035000, High: 229819000, Low: 163048000, Close: 194104000, Volume: 0 },
        { Date: 1391382000000, Open: 197986000, High: 341624000, Low: 174694000, Close: 295038000, Volume: 0 },
        { Date: 1393801200000, Open: 287274000, High: 340071000, Low: 242242000, Close: 253888000, Volume: 0 },
        { Date: 1396303200000, Open: 257770000, High: 269417000, Low: 196434000, Close: 227490000, Volume: 0 },
        { Date: 1398895200000, Open: 227490000, High: 258547000, Low: 210409000, Close: 246901000, Volume: 0 },
        { Date: 1401660000000, Open: 252336000, High: 307461000, Low: 218950000, Close: 284169000, Volume: 0 },
        { Date: 1404165600000, Open: 287274000, High: 295038000, Low: 248453000, Close: 256218000, Volume: 0 },
        { Date: 1406844000000, Open: 256218000, High: 284169000, Low: 232925000, Close: 273299000, Volume: 0 },
        { Date: 1409522400000, Open: 271746000, High: 313673000, Low: 262429000, Close: 291156000, Volume: 0 },
        { Date: 1412114400000, Open: 297368000, High: 301250000, Low: 213515000, Close: 234478000, Volume: 0 },
        { Date: 1414969200000, Open: 233702000, High: 300473000, Low: 232925000, Close: 263982000, Volume: 0 },
        { Date: 1417388400000, Open: 262429000, High: 296591000, Low: 76865300, Close: 93170100, Volume: 0 },
        { Date: 1420153200000, Open: 97052100, High: 97828600, Low: 80747400, Close: 93170100, Volume: 0 },
        { Date: 1422831600000, Open: 92393600, High: 94722900, Low: 83076600, Close: 86182300, Volume: 0 },
        { Date: 1425250800000, Open: 86182300, High: 96275700, Low: 72206800, Close: 76865300, Volume: 0 },
        { Date: 1427839200000, Open: 81523800, High: 90064400, Low: 77641700, Close: 80747400, Volume: 0 },
        { Date: 1430690400000, Open: 82300200, High: 92393600, Low: 77641700, Close: 83853000, Volume: 0 },
        { Date: 1433109600000, Open: 83853000, High: 114133000, Low: 83853000, Close: 86958700, Volume: 0 },
        { Date: 1435701600000, Open: 86958700, High: 93170100, Low: 78418100, Close: 79194500, Volume: 0 },
        { Date: 1438552800000, Open: 79971000, High: 84629500, Low: 66771900, Close: 75312500, Volume: 0 },
        { Date: 1441058400000, Open: 85405900, High: 86958700, Low: 51243500, Close: 55902000, Volume: 0 },
        { Date: 1443650400000, Open: 57454900, High: 64442600, Low: 52019900, Close: 57454900, Volume: 0 },
        { Date: 1446418800000, Open: 56678400, High: 64442600, Low: 52019900, Close: 60560500, Volume: 0 },
        { Date: 1448924400000, Open: 65219000, High: 93946500, Low: 54349200, Close: 89288000, Volume: 0 },
        { Date: 1451862000000, Open: 85405900, High: 125003000, Low: 79971000, Close: 111028000, Volume: 0 },
        { Date: 1454281200000, Open: 114133000, High: 114133000, Low: 77641700, Close: 86958700, Volume: 0 },
        { Date: 1456786800000, Open: 88511500, High: 97828600, Low: 82300200, Close: 93170100, Volume: 0 },
        { Date: 1459461600000, Open: 93170100, High: 106369000, Low: 89288000, Close: 96275700, Volume: 0 },
        { Date: 1462140000000, Open: 97052100, High: 97828600, Low: 85405900, Close: 88511500, Volume: 0 },
        { Date: 1464732000000, Open: 79971000, High: 81523800, Low: 52800000, Close: 59200000, Volume: 0 },
        { Date: 1467324000000, Open: 59200000, High: 67200000, Low: 54400000, Close: 64800000, Volume: 0 },
        { Date: 1470002400000, Open: 65600000, High: 66400000, Low: 60000000, Close: 62400000, Volume: 0 },
        { Date: 1472680800000, Open: 62400000, High: 68800000, Low: 58400000, Close: 59200000, Volume: 0 },
        { Date: 1475445600000, Open: 58400000, High: 60800000, Low: 53600000, Close: 55200000, Volume: 0 },
        { Date: 1477954800000, Open: 53600000, High: 61600000, Low: 53600000, Close: 56800000, Volume: 0 },
        { Date: 1480546800000, Open: 56800000, High: 66400000, Low: 56000000, Close: 64800000, Volume: 0 },
        { Date: 1483311600000, Open: 64800000, High: 83200000, Low: 63200000, Close: 66400000, Volume: 0 },
        { Date: 1485903600000, Open: 67200000, High: 89600000, Low: 64800000, Close: 72800000, Volume: 0 },
        { Date: 1488322800000, Open: 72800000, High: 76800000, Low: 68000000, Close: 72000000, Volume: 0 },
        { Date: 1491170400000, Open: 72800000, High: 72800000, Low: 61600000, Close: 66400000, Volume: 0 },
        { Date: 1493676000000, Open: 65600000, High: 73600000, Low: 63200000, Close: 70400000, Volume: 0 },
        { Date: 1496268000000, Open: 70400000, High: 70400000, Low: 64000000, Close: 66400000, Volume: 0 },
        { Date: 1499032800000, Open: 65600000, High: 68800000, Low: 57600000, Close: 60000000, Volume: 0 },
        { Date: 1501538400000, Open: 58400000, High: 63200000, Low: 54400000, Close: 56000000, Volume: 0 },
        { Date: 1504216800000, Open: 56000000, High: 57600000, Low: 47200000, Close: 48800000, Volume: 0 },
        { Date: 1506895200000, Open: 48000000, High: 49600000, Low: 40000000, Close: 43200000, Volume: 0 },
        { Date: 1509490800000, Open: 42400000, High: 45600000, Low: 40800000, Close: 44000000, Volume: 0 },
        { Date: 1512082800000, Open: 44000000, High: 52800000, Low: 35200000, Close: 36800000, Volume: 0 },
        { Date: 1514847600000, Open: 36800000, High: 47040000, Low: 36080000, Close: 43200000, Volume: 0 },
        { Date: 1517439600000, Open: 43760000, High: 44160000, Low: 36880000, Close: 40480000, Volume: 0 },
        { Date: 1519858800000, Open: 39000000, High: 39840000, Low: 35280000, Close: 36000000, Volume: 0 },
        { Date: 1522706400000, Open: 36000000, High: 36000000, Low: 28160000, Close: 29680000, Volume: 0 },
        { Date: 1525212000000, Open: 29800000, High: 31760000, Low: 26160000, Close: 27600000, Volume: 0 },
        { Date: 1527804000000, Open: 27760000, High: 32400000, Low: 24800000, Close: 29560000, Volume: 0 },
        { Date: 1530482400000, Open: 29560000, High: 34360000, Low: 21680000, Close: 25960000, Volume: 0 },
        { Date: 1533074400000, Open: 26000000, High: 27600000, Low: 24080000, Close: 26480000, Volume: 0 },
        { Date: 1535925600000, Open: 26880000, High: 30000000, Low: 22920000, Close: 23360000, Volume: 0 },
        { Date: 1538344800000, Open: 23200000, High: 23200000, Low: 15616000, Close: 18400000, Volume: 0 },
        { Date: 1541026800000, Open: 18720000, High: 20400000, Low: 15888000, Close: 17360000, Volume: 0 },
        { Date: 1543791600000, Open: 17320000, High: 18040000, Low: 14096000, Close: 16240000, Volume: 0 },
        { Date: 1546383600000, Open: 16240000, High: 17720000, Low: 14800000, Close: 15472000, Volume: 0 },
        { Date: 1548975600000, Open: 16880000, High: 30560000, Low: 15600000, Close: 20520000, Volume: 0 },
        { Date: 1551394800000, Open: 20320000, High: 21560000, Low: 16560000, Close: 17200000, Volume: 0 },
        { Date: 1554069600000, Open: 17800000, High: 19960000, Low: 14768000, Close: 15536000, Volume: 0 },
        { Date: 1556748000000, Open: 15600000, High: 17440000, Low: 11296000, Close: 11632000, Volume: 0 },
        { Date: 1559512800000, Open: 11360000, High: 11968000, Low: 9376000, Close: 10672000, Volume: 0 },
        { Date: 1561932000000, Open: 10720000, High: 11120000, Low: 8640000, Close: 9456000, Volume: 0 },
        { Date: 1564610400000, Open: 9136000, High: 9424000, Low: 7568000, Close: 7992000, Volume: 0 },
        { Date: 1567375200000, Open: 7992000, High: 8144000, Low: 6944000, Close: 7296000, Volume: 0 },
        { Date: 1569880800000, Open: 7040000, High: 7192000, Low: 3920000, Close: 4112000, Volume: 0 },
        { Date: 1572562800000, Open: 4120000, High: 5280000, Low: 4120000, Close: 4640000, Volume: 0 },
        { Date: 1575241200000, Open: 4640000, High: 4640000, Low: 4640000, Close: 4640000, Volume: 0 },
        { Date: 1577919600000, Open: 4640000, High: 4640000, Low: 4640000, Close: 4640000, Volume: 0 },
        { Date: 1580684400000, Open: 4640000, High: 4640000, Low: 4640000, Close: 4640000, Volume: 0 },
        { Date: 1583103600000, Open: 4640000, High: 4640000, Low: 4640000, Close: 4640000, Volume: 0 },
        { Date: 1585692000000, Open: 4640000, High: 4640000, Low: 4640000, Close: 4640000, Volume: 0 },
        { Date: 1588543200000, Open: 4640000, High: 20240000, Low: 4640000, Close: 7672000, Volume: 2 },
        { Date: 1590962400000, Open: 7680000, High: 19800000, Low: 7040000, Close: 17200000, Volume: 2 },
        { Date: 1593554400000, Open: 19600000, High: 23640000, Low: 8080000, Close: 8288000, Volume: 2 },
        { Date: 1596405600000, Open: 8528000, High: 9424000, Low: 7488000, Close: 7520000, Volume: 0 },
        { Date: 1598911200000, Open: 7600000, High: 7696000, Low: 4168000, Close: 4512000, Volume: 0 },
        { Date: 1601503200000, Open: 4616000, High: 6304000, Low: 3440000, Close: 3544000, Volume: 1 },
        { Date: 1604271600000, Open: 3696000, High: 4640000, Low: 2256000, Close: 2680000, Volume: 6 },
        { Date: 1606777200000, Open: 2784000, High: 3744000, Low: 2400000, Close: 2416000, Volume: 9 },
        { Date: 1609714800000, Open: 2472000, High: 2592000, Low: 1896000, Close: 1928000, Volume: 4 },
        { Date: 1612134000000, Open: 1944000, High: 2760000, Low: 1784000, Close: 1960000, Volume: 11 },
        { Date: 1614553200000, Open: 1984000, High: 2208000, Low: 1216000, Close: 1248000, Volume: 6 },
        { Date: 1617228000000, Open: 1232000, High: 1296000, Low: 992000, Close: 1032000, Volume: 0 },
        { Date: 1619992800000, Open: 1008000, High: 2872000, Low: 776000, Close: 816000, Volume: 62 },
        { Date: 1622498400000, Open: 816000, High: 1096000, Low: 480000, Close: 488000, Volume: 52 },
        { Date: 1625090400000, Open: 496000, High: 496000, Low: 264000, Close: 280000, Volume: 33 },
        { Date: 1627855200000, Open: 280000, High: 336000, Low: 240000, Close: 280000, Volume: 81 },
        { Date: 1630447200000, Open: 280000, High: 416000, Low: 192000, Close: 200000, Volume: 83 },
        { Date: 1633039200000, Open: 200000, High: 200000, Low: 64000, Close: 72000, Volume: 85 },
        { Date: 1635721200000, Open: 72000, High: 112000, Low: 56000, Close: 72000, Volume: 72 },
        { Date: 1638313200000, Open: 80000, High: 112000, Low: 40000, Close: 40000, Volume: 67 },
        { Date: 1641164400000, Open: 40000, High: 56000, Low: 16000, Close: 24000, Volume: 57 },
        { Date: 1643670000000, Open: 19680, High: 35192, Low: 10456, Close: 13720, Volume: 451 },
        { Date: 1646089200000, Open: 13600, High: 14480, Low: 7920, Close: 8222.4, Volume: 538 },
        { Date: 1648764000000, Open: 8240, High: 8552, Low: 3200.8, Close: 3264, Volume: 576 },
        { Date: 1651442400000, Open: 3200, High: 3351.2, Low: 1391.2, Close: 1444, Volume: 793 },
        { Date: 1654034400000, Open: 1403.2, High: 1600, Low: 960, Close: 992, Volume: 1428 },
        { Date: 1656626400000, Open: 1006.4, High: 1024, Low: 723.2, Close: 724.8, Volume: 687 },
        { Date: 1659304800000, Open: 743.2, High: 3104, Low: 681.6, Close: 694.4, Volume: 7884 },
        { Date: 1661983200000, Open: 720, High: 720, Low: 448.8, Close: 480, Volume: 1675 },
        { Date: 1664748000000, Open: 500, High: 544, Low: 161.6, Close: 173.6, Volume: 4510 },
        { Date: 1667257200000, Open: 182.4, High: 188.8, Low: 84, Close: 91.2, Volume: 9875 },
        { Date: 1669849200000, Open: 84.8, High: 92, Low: 27.2, Close: 33.6, Volume: 51586 },
        { Date: 1672614000000, Open: 35.2, High: 52, Low: 12, Close: 12, Volume: 80329 },
        { Date: 1675206000000, Open: 12.8, High: 14.4, Low: 6.4, Close: 7.2, Volume: 66183 },
        { Date: 1677625200000, Open: 8, High: 11.2, Low: 2.4, Close: 3.2, Volume: 216430 },
        { Date: 1680472800000, Open: 4, High: 4.8, Low: 1.6, Close: 2.4, Volume: 121000 },
        { Date: 1682978400000, Open: 3.2, High: 3.2, Low: 0.8, Close: 1.6, Volume: 371823 },
        { Date: 1685570400000, Open: 0.8, High: 1.6, Low: 0.5, Close: 0.71, Volume: 1134959 },
      ];
zeroin commented 1 year ago

Please, create a separate ticket as this is not related. And it would be best if you could provide a working codepen.