Test Drawings

by sonylnagale

HTML

<link rel="stylesheet" type="text/css" href="https://jsfiddle.chartiq.com/chart8.3/css/stx-chart.css" media="screen" />


<button id="clickme">Click</button>

<div class="chartContainer" style="width:100%;height:400px;position:relative;"></div>

JavaScript

import { CIQ } from "https://jsfiddle.chartiq.com/chart8.3/js/advanced.js";
import sampleData from "https://jsfiddle.chartiq.com/chart/examples/data/STX_SAMPLE_DAILY.js";

CIQ.Drawing.prototype.permanent = true;
//Create a CIQ.ChartEngine object, the main object for drawing charts. 
const stxx = new CIQ.ChartEngine({
  container: document.querySelector(".chartContainer")
});

stxx.loadChart("Test", sampleData)

let x = 0

document.querySelector('#clickme').addEventListener('click', () => {
	x++
	drawing.d0 = stxx.chart.dataSegment[0].Date
  drawing.d1 = stxx.chart.dataSegment[x].Date

  myLine.reconstruct(stxx, drawing)
  	myLine.adjust()
	stxx.draw()
//  myLine.render(stxx.chart.context)
})

const drawing = {
  name: "mySegment",
  pnl: "chart",
  col: "#000000",
  ptrn: "solid",
  lw: 1,
  d0: stxx.chart.dataSegment[0].Date,
  d1: stxx.chart.dataSegment[5].Date,
  v0: 140,
  v1: 140
}
 
const myLine = new CIQ.Drawing.segment

stxx.addDrawing(myLine)
myLine.reconstruct(stxx, drawing)