time-sharing v1.0.4

time-sharing

canvas分时图

Basic Usage

<div id="my-chart"></div>

In a browser:

<script src="time-sharing.min.js"></script>

var myChart = new timeSharing.InitChart({
    el: '#my-chart',
})

Using npm:

npm i time-sharing --save

import { InitChart } from 'time-sharing'

var myChart = new InitChart({
    el: '#my-chart'
})

效果图

demo

https://zakrivi.github.io/time-sharing/example/

applyConfig

myChart.applyConfig(options);

传递图表数据和参数, 并重新绘制图表

options

• type: object

Example use:

const rawData = [] // 例: [{time: 1604006220, price: '1.94914'},...]

myChart.applyConfig({
    rawData: rawData, 
    startTime: 1604008800000, 
    endTime: 1604091600000,
    closePrice: 1.95070,
    tradingLength: 60 * 24, 
    digit:5
});

subscribe

myChart.subscribe(type, callback)

订阅图表事件

type

• type: string
• value: mousemove | mousedown | mouseup | mouseleave | touchend | touchstart | touchmove

Example use:

myChart.subscribe('mousedown', function(){
    console.log('mousedown')
});