highstock蜡烛图设置crosshair渐变色

问题描述：highstock使用蜡烛图不能设置Axis的crosshair的渐变色

解决方案：

需要调用方法addEvent()，参考如下代码：

Highcharts.chart('container', {chart: {type: 'candlestick'},title: {text: ''},xAxis: {crosshair: {color: {linearGradient: {x1: 0,x2: 0,y1: 1,y2: 0},stops: [[0, 'red'],[1, 'blue']]}}},series: [{color: 'green',lineColor: 'green',upColor: 'red',upLineColor: 'red',data: [[1317888000000, 372.5101, 375, 372.2, 372.52],[1317888060000, 372.4, 373, 372.01, 372.16],[1317888120000, 372.16, 372.4, 371.39, 371.62],[1317888180000, 371.62, 372.16, 371.55, 371.75],[1317888240000, 371.75, 372.4, 371.57, 372],[1317888300000, 372, 372.3, 371.8, 372.24],[1317888360000, 372.22, 372.45, 372.22, 372.3],[1317888420000, 372.3, 373.25, 372.3, 373.15],[1317888480000, 373.01, 373.5, 373, 373.24],[1317888540000, 373.36, 373.88, 373.19, 373.88],[1317888600000, 373.8, 374.34, 373.75, 374.29],[1317888660000, 374.29, 374.43, 374, 374.01],[1317888720000, 374.05, 374.35, 373.76, 374.35],[1317888780000, 374.41, 375.24, 374.37, 374.9],]}]
});Highcharts.addEvent(Highcharts.Axis, 'afterDrawCrosshair', function(point) {if (this.cross) {let path = this.cross.pathArray;path[1][1] += 0.001;this.cross.attr({d: path})}});

代码演示链接: https://jsfiddle.net/Ricardo_lqs/o7xrv12L/2/.

如果觉得对你有帮助，请作者喝杯咖啡

highstock蜡烛图设置crosshair渐变色相关推荐

【手把手教你】使用Python对股价的Heikin Ashi蜡烛图进行可视化
01 引言 Heikin Ashi蜡烛图是日本人在原始蜡烛图的基础上,对价格进行平均处理得到的一种价格图形. 蜡烛图也叫K线图,是技术分析的重要组成部分,最早是日本德川幕府时代商人用于记录米市行情与价 ...
python蜡烛图预测_python tushare股票K线蜡烛图绘制
序言:学着学着就学到股票图形绘制了,尝试了下,入门蛮简单的,后面就不知道了,现在好像mplfinance更换了新版本,老版本不支持了.以下代码能实现单个股票K线蜡烛图图形输出,不过我用的是tushar ...
蜡烛图plotly_Python数据分析：基于Plotly的动态可视化绘图简介，目录书摘
目录:第1章快速开始 1.1 Plotly简介 1.2 安装与安装环境 1.3 在线初始化 1.4 在线绘图隐私说明 1.5 开始在线绘图 1.6 使用离线绘图库 1.7 参数解读 ...
python画蜡烛致敬烈士_Matplotlib 蜡烛图教程
本文原载于我的博客.本文欢迎转载,但请保留本段文字,尊重作者的权益.谢谢. 致敬Matplotlib 教程. Matplotlib 蜡烛图教程关于使用 Matplotlib 画蜡烛图,任何一个搜索引 ...
【用JS自制表格软件玩数据】9. 自制三维 K线图蜡烛图
画三维 K线图蜡烛图概述效果图正面正面近景鸟瞰侧面近观俯视构建一个类初始化环境设置环境背景初始化摄像机设置相机的位置设置相机镜头的位置初始化场景创建坐标系蜡烛图的特点 ...
python matplotlib 绘制K线图（蜡烛图）
python matplotlib 绘制K线图(蜡烛图) csv文件下载地址: 链接:https://pan.baidu.com/s/1EvDxEPuIS8zAseLRO1SDBQ 提取码:lb0t ...
PythonStock（10）：使用notebook + tushare + pandas 简单的股票分析，蜡烛图
前言使用Python开发一个股票项目. 项目地址: https://github.com/pythonstock/stock 相关资料: http://blog.csdn.net/freewebsy ...
股票图,K线图,蜡烛图,高仿雪球股票
股票图,K线图,蜡烛图,高仿雪球股票,教你一步步实现股票图项目地址讲K线图之前,先来一个引言. 作为Android开发者需要立即提升的三项技能: 分别是:UI,网络,线程,而UI又分:布局,绘制, ...
股票 K线图蜡烛图
资料1 日K线图中: 在日K线图中一般白线.黄线.紫线.绿线依次分别表示:5.10.20.60日移动平均线,但这并不是固定的,会根据设置的不同而不同,比如你也可以在系统里把它们设为5.15.30.60 ...

highstock蜡烛图设置crosshair渐变色

问题描述：highstock使用蜡烛图不能设置Axis的crosshair的渐变色

解决方案：

highstock蜡烛图设置crosshair渐变色相关推荐

最新文章

热门文章