美国线图系列

美国线图以条形图显示价格变动。

条形的垂直线长度受限于最高价和最低价。

开盘价和收盘价分别由条形图的左侧和右侧的刻度线表示。

美国线图示例

如何创建美国线图系列

  1. const barSeries = chart.addBarSeries({
  2. thinBars: false
  3. });
  4. // 设置数据
  5. barSeries.setData([
  6. {
  7. time: "2018-12-19",
  8. open: 141.77,
  9. high: 170.39,
  10. low: 120.25,
  11. close: 145.72
  12. },
  13. {
  14. time: "2018-12-20",
  15. open: 145.72,
  16. high: 147.99,
  17. low: 100.11,
  18. close: 108.19
  19. },
  20. { time: "2018-12-21", open: 108.19, high: 118.43, low: 74.22, close: 75.16 },
  21. { time: "2018-12-22", open: 75.16, high: 82.84, low: 36.16, close: 45.72 },
  22. { time: "2018-12-23", open: 45.12, high: 53.9, low: 45.12, close: 48.09 },
  23. { time: "2018-12-24", open: 60.71, high: 60.71, low: 53.39, close: 59.29 },
  24. { time: "2018-12-25", open: 68.26, high: 68.26, low: 59.04, close: 60.5 },
  25. { time: "2018-12-26", open: 67.71, high: 105.85, low: 66.67, close: 91.04 },
  26. { time: "2018-12-27", open: 91.04, high: 121.4, low: 82.7, close: 111.4 },
  27. {
  28. time: "2018-12-28",
  29. open: 111.51,
  30. high: 142.83,
  31. low: 103.34,
  32. close: 131.25
  33. },
  34. { time: "2018-12-29", open: 131.33, high: 151.17, low: 77.68, close: 96.43 },
  35. { time: "2018-12-30", open: 106.33, high: 110.2, low: 90.39, close: 98.1 },
  36. { time: "2018-12-31", open: 109.87, high: 114.69, low: 85.66, close: 111.26 }
  37. ]);

数据格式

条形系列的每个项目都是OHLC项目。

定制

默认情况下,条形显示为每个宽 1 px 的细条。通过禁用thinBars选项,条形宽度可以增加到 2px。

上涨和下跌条形的颜色必须单独设置。

可以使用以下选项自定义美国线图系列界面:

名称类型默认值描述
thinBarsbooleantrue如果为 true,则条形表示为条形
upColorstring#26a69a上升条形颜色
downColorstring#ef5350下降条形颜色
openVisiblebooleantrue如果为 true,则显示条形图的开放线

例子

  • 设置条形系列的初始选项:
  1. const barSeries = chart.addBarSeries({
  2. thinBars: false,
  3. upColor: "rgba(37, 148, 51, 0.2)",
  4. downColor: "rgba(191, 55, 48, 0.2)",
  5. openVisible: true
  6. });
  • 创建系列后更改选项:
  1. // 例如,让我们禁用细条和开放价格可见性
  2. barSeries.applyOptions({
  3. thinBars: false,
  4. openVisible: false
  5. });

下一步是什么