画线工具

// 增加一条新的画线，eg：新增一条水平射线
// 此时，图表进入绘制画线工具模式
chart.addDrawing(Drawings.RAYLINE, opions);

// 可以通过以下一系列的事件监听器来获取画线模式的状态

// 画线完成，自动退出绘制画线工具模式
chart.onDrawingFinish((drawingObj) => {
  console.log('画线已完成，产生的画线对象为', drawingObj);

  // 自定义保存至服务器的方法
  saveFunc(drawingObj);
})

// 画线获得焦点
chart.onDrawingFocus((drawingObj) => {
  console.log('画线焦点：', drawingObj);
  // 可以对应做获取焦点后的回调方法
});

// 画线被删除
chart.onDrawingDeleted((drawingObj) => {
  console.log('当前画线被删除', drawingObj);
})

// 画线被双击
chart.onDrawingDoubleClick((drawingObj) => {
  console.log('当前画线被删除', drawingObj);
});

内置的画线工具

import { Drawings } from '@aicoin/chart-core';

enum Drawings {
  CURSOR = "toolCursor",
  CROSSCURSOR = "toolCrosscursor",
  FIBRETRACE = "toolFibretrace",
  FIBFANS = "toolFibfans",
  SEGLINE = "toolSegline",
  STRAIGHTLINE = "toolStraightline",
  ARROWLINE = "toolArrowline",
  RAYLINE = "toolRayline",
  HORISTRAIGHTLINE = "toolHoristraightline",
  HORIRAYLINE = "toolHorirayline",
  HORISEGLINE = "toolHorisegline",
  VERTISTRAIGHTLINE = "toolVertistraightline",
  PRICELINE = "toolPriceline",
  BIPARALLELLINE = "toolBiparallelline",
  BIPARALLELRAYLINE = "toolBiparallelrayline",
  BIPARALLELSEGLINE = "toolBiparallelsegline",
  TRIPARALLELLINE = "toolTriparallelline",
  BANDLINE = "toolBandline",
  FIBSPIRAL = "toolFibspiral",
  RULER = "toolRuler",
  TEXT = "toolText",
  TRIANGLE = "toolTriangle",
  RECTANGLE = "toolRectangle",
  ELLIPSE = "toolEllipse",
  THREEWAVES = "toolThreeWaves",
  FIVEWAVES = "toolFiveWaves",
  EIGHTWAVES = "toolEightWaves",
  BANDSEGLINES = "toolBandSeglines",
  FIBRETRACESEGLINES = "toolFibretraceSeglines",
  XABCD = "toolXabcd",
  CYPHER = "toolCypher",
  ABCD = "toolAbcd",
  THREE_DRIVES = "toolThreeDrives",
  HEAD_SHOULDERS = "toolHeadShoulders",
  TRIANGLE_PATTERN = "toolTrianglePattern",
  PITCHFORK = "toolPitchfork",
  SCHIFF_PITCHFORK = "toolSchiffPitchfork",
  MODIFIED_SCHIFF_PITCHFORK = "toolModifiedSchiffPitchfork",
  INSIDE_PITCHFORK = "toolInsidePitchfork",
  GANN_BOX = "toolGannBox",
  GANN_FAN = "toolGannFan",
  PERIODLINES = "toolPeriodLines",
  FIB_PERIODLINES = "toolFibPeriodLines",
  GANN_PERIODLINES = "toolGannPeriodLines",
  FIB_EXTENSION = "toolFibExtension",
  MW = "toolMW",
  PARALLELOGRAM = "toolParallelogram",
  SPEED_RESISTANCE_FAN = "toolSpeedResistanceFan",
  ARC_LINE = "toolArcLine",
  FIB_TREND = "toolFibTrend",
  PRICE_RULER = "toolPriceRuler",
  DATE_RULER = "toolDateRuler",
  PRICE_DATE_RULER = "toolPriceDateRuler",
  LARGEORDER_RULER = "toolLargeOrderRuler",
  AGGTRADE_RULER = "toolAggTradeRuler",
  POLYLINE = "toolPolyline",
  LONG_POSITION = 'toolLongPosition',
  SHORT_POSITION = 'toolShortPosition',
  ANGLE_RULER = 'toolAngleRuler',
  CIRCLE = 'toolCircle',
  FIBCIRCLES = 'toolFibCircles',
  FIBCHANNEL = 'toolFibChannel',
  VOLUMEPROFILE = 'toolVolumeProfile',
}