CandlestickSeries.js
2.55 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
define(function(require) {
'use strict';
var zrUtil = require('zrender/core/util');
var SeriesModel = require('../../model/Series');
var whiskerBoxCommon = require('../helper/whiskerBoxCommon');
var formatUtil = require('../../util/format');
var encodeHTML = formatUtil.encodeHTML;
var addCommas = formatUtil.addCommas;
var CandlestickSeries = SeriesModel.extend({
type: 'series.candlestick',
dependencies: ['xAxis', 'yAxis', 'grid'],
/**
* @readOnly
*/
valueDimensions: ['open', 'close', 'lowest', 'highest'],
/**
* @type {Array.<string>}
* @readOnly
*/
dimensions: null,
/**
* @override
*/
defaultOption: {
zlevel: 0, // 一级层叠
z: 2, // 二级层叠
coordinateSystem: 'cartesian2d',
legendHoverLink: true,
hoverAnimation: true,
xAxisIndex: 0,
yAxisIndex: 0,
layout: null, // 'horizontal' or 'vertical'
itemStyle: {
normal: {
color: '#c23531', // 阳线 positive
color0: '#314656', // 阴线 negative '#c23531', '#314656'
borderWidth: 1,
// FIXME
// ec2中使用的是lineStyle.color 和 lineStyle.color0
borderColor: '#c23531',
borderColor0: '#314656'
},
emphasis: {
borderWidth: 2
}
},
animationUpdate: false,
animationEasing: 'linear',
animationDuration: 300
},
/**
* Get dimension for shadow in dataZoom
* @return {string} dimension name
*/
getShadowDim: function () {
return 'open';
},
/**
* @override
*/
formatTooltip: function (dataIndex, mutipleSeries) {
// It rearly use mutiple candlestick series in one cartesian,
// so only consider one series in this default tooltip.
var valueHTMLArr = zrUtil.map(this.valueDimensions, function (dim) {
return dim + ': ' + addCommas(this._data.get(dim, dataIndex));
}, this);
return encodeHTML(this.name) + '<br />' + valueHTMLArr.join('<br />');
}
});
zrUtil.mixin(CandlestickSeries, whiskerBoxCommon.seriesModelMixin, true);
return CandlestickSeries;
});