K 线图 |
您所在的位置：网站首页 › 股票k线如何添加 › K 线图 |
K 线图
|
收起菜单 教程目录 K 线图 最后修改时间：2022-12-15 18:10 K线图（又称蜡烛图）表示的是每个周期的股价变化情况，包括开票价、最高价、最低价格和收盘价，形如下图  其中开盘价大于收盘价为涨，一般用红色表示，开盘价小于收盘价为跌，一般用绿色表示（红绿色是国内的习惯）。 K 线图的数据蜡烛图中的每个数据点包含五个数据，分别是 时间戳, 开盘价, 最高价, 最低价, 收盘价，实例如下： data: [ [1147651200000, 67.37, 68.38, 67.12, 67.79], [1147737600000, 68.1, 68.25, 64.75, 64.98] ]在线试一试 K 线图的颜色可以通过 seres.color 和 series.lineColor 来控制走势为跌的柱形颜色和线条颜色，series.upColor 和 series.upLineColor 来控制走势为涨的柱形颜色和线条颜色 series: [{ type: 'candlestick', data: [], // 控制走势为跌的蜡烛颜色 color: 'green', lineColor: 'green', // 控制走势为涨的蜡烛颜色 upColor: 'red', upLineColor: 'red' }]在线试一试 另外还可以在 css 中设置，代码如下： .highcharts-point-up { fill: red; stroke: red; } .highcharts-point-down { fill: green; stroke: green; }在线试一试 更多相关内容： Higtstock 一字板颜色问题K 线图的其他形式OHLC 形 K线 设置数据列的类型为 ohlc 即可将图形变成 OHCL 型 K线，其表达的内容和蜡烛图一样，只是形状不同。 在线试一试 空心蜡烛图 将蜡烛图的柱形填充颜色设置为透明即可实现空心蜡烛图，代码如下： series: [{ type: 'candlestick', data: [], // 控制走势为跌的蜡烛颜色 color: 'transparent', // 或 rgba(0,0,0,0) lineColor: 'green', // 控制走势为跌的蜡烛颜色 upColor: 'transparent', upLineColor: 'red' }]在线试一试 其他相关内容K 线图提示框中文字自定义 tooltip.pointFormat 即可 plotOptions: { ohlc: { tooltip: { pointFormat: '\u25CF {series.name}' + '开盘: {point.open}' + '最高: {point.high}' + '最低: {point.low}' + '收盘: {point.close}' } } }在线试一试 版权声明本教程仅用于学习、研究和交流目的，欢迎非商业转载。转载请注明出处及完整的链接。 标题：K 线图 | Highcharts 使用教程 链接：https://www.hcharts.cn/docs/candlestick/ 上一篇 下一篇 目录 订阅更新 |
【本文地址】
今日新闻 |
推荐新闻 |