图表相关echart
图表相关(echarts,vcharts,highcharts等等)
草字
点点关注点点赞,私信问答先回复。
展开
-
tradingview 隐藏工具栏(顶部栏),绘图(左边工具),等等
隐藏工具栏(顶部栏),绘图(左边工具),等等。原创 2023-03-31 14:09:02 · 929 阅读 · 1 评论 -
tradingview 标注,设置事件标注,标记。
【代码】tradingview 标注,设置事件标注。原创 2023-02-11 19:59:11 · 820 阅读 · 1 评论 -
tradingview 设置k线图的右边距,距离右边几根K线
修改配置:如图横线所示,为距离右边占几根K线的位置,默认值为0,建议全局搜索找到这个位置,这里虽然是设置为10,但不是代表就是10根,需要微调,官方也没有什么api和配置去修改这个属性了,只能通过这种方式。...原创 2021-11-17 14:22:43 · 826 阅读 · 5 评论 -
tradingview 如何监听事件
代码: //切换分时图 this.chart.subscribe("time_interval",res=>{ });开启调试模式debug:true,操作tradingview可以知道相关事件的名称,subscribe方法是监听事件的函数。...原创 2021-11-15 11:02:30 · 407 阅读 · 0 评论 -
tradingview 选中点击某条k线,获取他的数据,并渲染到导航栏
代码: //选中k线,点击k线 //time:当前列的时间,price:当前列鼠标高度的价格 //需要判断时间是否存在数据中,再获取相关的数据(开盘价,收盘价等等) this.chart.activeChart().crossHairMoved().subscribe(null,({ time, price }) => { con原创 2021-11-15 10:57:42 · 1105 阅读 · 4 评论 -
tradingview 如何获取以分页形式渲染k线
代码: //订阅可见逻辑范围更改 //判断是否需要获取历史数据 this.chart.activeChart().onVisibleRangeChanged().subscribe( null,({ from, to }) =>{ console.log('onVisibleRangeChanged:',from, to,getThisTime(from).now原创 2021-11-15 10:55:19 · 386 阅读 · 0 评论 -
tradingview 设置移动平均线
代码: //默认展示MA Cross。移动平均线 // this.chart.chart().createStudy("MA Cross", false, false, [10, 20]);//10日和20日原创 2021-11-15 10:45:27 · 2158 阅读 · 0 评论 -
tradingview 修改K线的颜色,边框色,线条色
配置:overrides: { "paneProperties.background": "#161616", "paneProperties.horzGridProperties.color": "#161616", //水平网格线颜色,默认:#313131 "paneProperties.vertGridProperties.color": "#161616", //垂直网格线颜色,默认:#313131原创 2021-10-19 09:39:08 · 4196 阅读 · 0 评论 -
js d3js实现交易所的深度图
效果图:代码:<!DOCTYPE html><head> <meta charset="utf-8"> <style> .box{ width:600px; height:500px; position:relative; } /*买入价格:绿色*/ .bar.bid { .原创 2021-10-14 14:16:10 · 302 阅读 · 0 评论 -
lightweight-charts 日内数据如何显示
配置代码:var chart = LightweightCharts.createChart(document.body, { width: 600, height: 300, layout: { backgroundColor: '#ffffff', textColor: 'rgba(33, 56, 77, 1)', }, grid: { vertLines: { color: 'rgba(197, 203, 206, 0.7)', }, horzLines:原创 2021-09-29 20:14:51 · 1574 阅读 · 0 评论 -
echarts 股票趋势曲线图。取消曲线图圆点、xy轴的数据、渐变色线条等等
效果图:热爱分享,请多支持。代码:<!DOCTYPE html><html style="height: 100%"><head> <meta charset="utf-8"></head><body style="height: 100%; margin: 0"> <div id="container" style="height: 100%"></div><.原创 2021-09-10 11:01:54 · 422 阅读 · 0 评论 -
triadingview k线图时间显示有问题,提前了8个小时
时区配置的不对,不属于中国的时间,需要修改一下,中国的时间以“Asia/Shanghai”上海时区为准:timezone:"Asia/Shanghai",其他配置:https://aitrade.ga/books/tradingview/book/Symbology.html原创 2021-08-27 15:49:29 · 863 阅读 · 1 评论 -
tradingview 改不动颜色,修改不了背景色
背景色改不动,配置不生效的原因,需要禁用本地配置:disabled_features: ["use_localstorage_for_settings"],注意:在我们调样式的时候,需要禁用本地配置,因为tradingview会优先使用本地配置的颜色,只要运行加载过一次k线图,那么tradingview就会保存相关的配置,下次加载就会使用本地的配置,所以我们改不动。...原创 2021-08-20 14:27:34 · 2065 阅读 · 0 评论 -
tradingview 切换周期(分时),监听事件
一、监听周期(分时)的切换。在k线图表的上方“工具栏”,当我们切换分时的时候,图表下方x和y轴的刻度是发生变化了的,但是数据并没有跟着变化,也就是说tradingview并没有帮我们做这个处理,根据数据里面的时间智能生成图表。所以不同周期(分时)的k线图对应着不同的数据,当我们切换周期的时候,需要重新向后端获取一次数据。那么问题就来了,我们如何知道用户是否切换了工具栏的周期(分时)呢?百度找了很多教程,官方文档也是每一个菜单都找了一遍,基本上都没有看到如何监听用户切换周期(分时)的事件,也没有找原创 2021-08-12 16:03:53 · 2959 阅读 · 0 评论 -
js highcharts实现交易所中的深度图
所有资源链接:https://download.csdn.net/download/qq_42740797/20433691效果图:代码:<html><head> <meta charset="utf-8"> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=Edge,chro.原创 2021-07-23 16:50:36 · 643 阅读 · 0 评论 -
vue 使用tradingview绘制折线图,资金图,以及一些配置说明
tradingview的k线图和折线图不属于同一个项目,考虑到k线图代码量很多,折线图只是一个轻量级别的。tradingview官网:https://cn.tradingview.com/lightweight-charts/折线图代码地址:https://github.com/tradingview/lightweight-charts1.安装。npm install lightweight-charts2.引入和使用。import { createChart } from原创 2021-07-23 11:18:54 · 3784 阅读 · 0 评论 -
echart 折线图修改标题文字大小和居中
title: { text: '近12月销量图表:', textStyle: { fontSize: 12, }, left:'center' },原创 2021-05-17 15:57:56 · 2377 阅读 · 0 评论 -
echarts 取消y轴(纵轴)的数据显示,不显示y轴数据,包含取消空白占位
核心代码:yAxis: { type: 'value', show:false, axisLabel : { formatter: function(){ return ""; } } },全部配置:option = { title: {原创 2021-04-30 11:48:26 · 5360 阅读 · 0 评论 -
原生js 使用echarts图表
下载echarts.js,通过静态引入的方式,可以避免其他服务器出现故障时,无法使用引入目标js。<scriptsrc="./echarts.js"></script>下载链接:https://download.csdn.net/download/qq_42740797/18266829渲染一个折线图,代码:<!DOCTYPE html><html lang="en"><head> <meta charse.原创 2021-04-30 11:42:36 · 1364 阅读 · 0 评论