# K线

> 基于Vue框架，使用ECharts制作，适用于BTE产品的K线

## 使用说明
* 导入vue-kline-bte包，在template中使用VueKLineBTE组件
* 接收的props：
    * configuration，配置项，包含如下属性：
        1. loadChartOption：加载的ECharts图表选项
        1. loadMarkPointOption：加载的MarkPoint选项
        1. requestModule：请求的服务器端模块。默认:future（kline:只有K线以及相关指标、实时点评数据，future:在K线基础上，还有压力线、净流量、异常大单等数据）
        1. timeInterval：定时请求数据的时间间隔
        > 注：默认加载完整的K线图表选项，每1分钟请求一次期货数据。
    * show-indicators：Array<String> 要显示哪些指标（可用指标：'MA', 'BOLL', 'PRESSURELINE', 'REALTIMESOLUTION', 'ABNORMALTRANSACTION', 'VOL', 'ABNORMALVOLUME', 'MACD', 'KDJ', 'RSI'）。指标名都要大写
    * request-param，请求参数，包含如下属性：
        1. base: 'BTC', // 币种
        1. quote: 'QUARTER', // 币对
        1. exchange: 'okex', // 交易所
        1. type: '1m', // 时间类型
        1. size: '500' // 请求的点数量
* 提交的事件：
    * getDataOnSuccess({ kline, markPoint, price})：获取数据成功后被调用，告知外层组件获取数据成功，以便外层组件可以对数据进行操作（比如：是否有实时点评数据，没有则不显示实时点评按钮）。
    * tooltipOnChange({availableHeight, grids, gridGroups})：触发tooltip时调用。告知外层组件，当前的tooltip数据对象，以便显示tooltip

> ### 注：可以参考example目录下的范例

## Build Setup

``` bash
# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report
```