Technical Chart Analysis

A visual, technical analysis and charting library built on D3. Build interactive financial charts for modern and mobile browsers.

The original release has been abandoned for many years and no more updated. Now I update D3 to 5.1.6 and add some new feature.
原始版本多年前由André Dumas开发， 但已经多年没有更新。我fork了这个项目， 把D3的版本升级为5.1.6， 并且添加了新功能。

1. Introduced a line drawing function: When the crosshair is visible, you can click and drag the mouse to conveniently draw lines on the candlestick chart, which is helpful for technical analysis.
   增加了画线功能， 在显示十字光标的时候点按鼠标并拖动，能方便的在蜡烛图上画线；这能方便技术分析
2. The ability to add comments on the candlestick chart is available.
   在蜡烛图上可以添加comment
3. The substance is selectable
   supstance可以选中
4. The tradearrow has select and drag functionality.
   tradearrow可以选中， 拖动
5. The tredline is selectable
   trendline可以选中

Examples Gallery

TechanJS utilises D3's reusable chart API pattern and currently supports a range of static and interactive plots.

• Candlestick
• OHLC
• Volume
• Axis Annotations
• Moving Averages (Simple & Exponential)
• RSI
• MACD

• Updating Data Feed
• Crosshair
• Trendlines
• Support & Resistence Lines
• Plot Zooming

• Ichimoku Cloud
• Moving Averages (Simple & Exponential)
• RSI
• MACD
• ATR
• ATR Trailing Stop

Download the latest release https://github.com/andredumas/techan.js/releases/latest

npm install --save techan

bower install --save techan

Cloning and building the base project:

git clone https://github.com/whinshine/techan.js
cd techan.js
npm install

# Then to build
npm test
# OR
grunt

Cloning the project with all examples and usage:

git clone --recursive https://github.com/whinshine/techan.js
cd techan.js
npm install
npm start

Once running browse to http://localhost:8000/examples/ to see examples using the remote (development stable) techanjs and d3. Alternatively browse to http://localhost:8000/build/examples/ for the same examples using the locally built techanjs and bower obtained d3 but be aware that the examples are built to work with the latest, development stable version of techanjs located at http://techanjs.org/techan.min.js. Expect that HEAD of master will contain unstable features under development. They may not always be compatible with all the examples. I will attempt to keep the release tags functional together with correctly referenced examples.

Run techan.js in a consistent environment using Docker. To see the examples, all submodules are required (recursive clone or update, init) locally.

NOTE: On build the project is copied into the docker image and as such any changes made will not be refreshed into a running container.

git clone --recursive https://github.com/andredumas/techan.js.git
cd techan.js
docker build -t andredumas/techan.js .
docker run --rm -it -p 8000:8000 andredumas/techan.js

As above, browse to http://localhost:8000/examples/ to see the examples.