Cryptowatch Embed

Small library for embedding Cryptowatch charts on a website.

Live Demo

https://jsfiddle.net/s2k0ahf1/441/

Usage

Vanilla ES5

Include the ES5 build in your page:

<scripttype="text/javascript" src="https://static.cryptowat.ch/assets/scripts/embed.bundle.js"></script>

Use the library in the global cryptowatch namespace:

varchart=newcryptowatch.Embed('bitfinex','btcusd');chart.mount('#chart-container');

ES6/webpack

Install package:

npm install cryptowatch-embed --save

Import package:

importCryptowatchEmbedfrom'cryptowatch-embed';letchart=newCryptowatchEmbed('bitfinex','btcusd');chart.mount('#chart-container');

API

At minimum, the library requires an exchange and currency pair.

varchart=newcryptowatch.Embed('bitfinex','btcusd');

A few options can be provided to configure the chart.

width and height

Fixed dimensions may be defined for the iframe. The default values for both are 100%.

varchart=newcryptowatch.Embed('bitfinex','btcusd',{width: 800,height: 500});

timePeriod

Any of the supported time periods may be forcefully loaded on every page load:

1m, 3m, 5m, 15m, 30m, 1h, 2h, 4h, 6h, 12h, 1d, 3d, 1w

We recommend omitting this option, which will cause the application to use whatever time period the client last chose, or 1h for new visitors.

varchart=newcryptowatch.Embed('bitfinex','btcusd',{timePeriod: '4H'});

presetColorScheme

Any of the preset color schemes may be chosen:

standard
candycane
albuquerque
epaper
delek
blueprint
ballmer
bushido
ishihara

The default value is standard.

varchart=newcryptowatch.Embed('bitfinex','btcusd',{presetColorScheme: 'delek'});

Future versions of this library will also enable you to add indicators/overlays. The current version renders only the candlestick chart with volume underneath.