echarts配置及专业k线作图工具

一般看官网配置比较多，教大家如何copy完线性图代码，快速更改配置。

echerts线图常用配置：

grid: [{left: '0%',right: '5%',top: '5%',height: '80%',containLabel: false},{left: '10%',right: '8%',bottom: '15%',height: '15%'}
]

grid下边的left代表的是曲线图的具体位置，自己可以试一试，看有什么变化。

xAxis:[{
type: 'category', //类型，包括value（连续数据）、category（离散型）、time（时间轴）、log（对数）
data: data.categoryData,
//data指数据，这里格式为[['时间'，数据],[‘时间’，数据]]
scale: true,
//只在数值轴中（type: 'value'）有效
boundaryGap: false,
axisLine: {onZero: false
},
splitLine: {show: false   //分割线，正方形块
},
splitArea: {
show: true,
areaStyle:{
color:['#fff','#fff']             //设置网格背景色}}
splitNumber: 20,min: 'dataMin',
max: 'dataMax',
axisPointer: {z: 100
}
}]，
series[{
name: 'price',
type: 'line',
symbol:'none',//线设置点的样式，none为空data: getPrice(data),smooth: true,lineStyle: {normal: {opacity: 0.5}}
}]
//里面存放的是曲线数据，name代表的是图形显示名称，type代表类型，data是指数据，smooth代表的是曲线是否平滑，lineStyle设置线的颜色

网格背景颜色设置

线条颜色设置

线条背景渐变

y轴刻度相关设置

设置刻度值的样式

设置是否缩放按钮

以上便是echarts里面有关line类型的配置，这些如果你能基本上掌握了，画图还是轻轻松松的。下面再给大家介绍几款专业的k线画图工具，国内的画图插件一般都是最多给大众看个走势，到了专业对比指标的时候就显得微不足道了。

https://cn.tradingview.com/widget/advanced-chart/ tradingview

https://documentation.chartiq.com/tutorial-Library%20Tutorials.html chartiq

https://documentation.chartiq.com/CIQ.ChartEngine.html#zoomSet chartiq文档

echarts配置及专业k线作图工具相关推荐

基于echarts定制修改的k线图工具
基于echarts定制修改的k线图工具注:百度echarts拷贝下来的k线图框架,根据需求自己修改制作的k线图工具前端代码: <!DOCTYPE html> <html lang ...
如何使用Tushare和Echarts来画股票K线图
如何使用Tushare和Echarts来画股票K线图技术支持 Tushare大数据社区官网首先介绍一下这次要使用的两个工具,Tushare是一个基于Python的金融数据接口,拥有丰富的数据内 ...
HQChart实战教程24 - 自定义K线画图工具设置框（线段类）
HQChart实战教程24 - 自定义K线画图工具设置框画图工具步骤监听画图工具选中事件点击事件回调 1. 回调参数说明 2. 图形实例类说明 Symbol Period Vaule Line ...
TradingView--前端（Vue）最专业的K线图表工具(只支持历史数据K线展示)
摸索了一段时间,终于对tradingview有了几分了解. 记录一下: 首先我们对比一下国内目前比较火的几款K线图展示: 1.echarts 优点:轻量代码,如果只做K线展示完全OK 缺点:功能比较单 ...
用AnyStock和LightningChart打造炫酷的制作股票、金融业K线图工具产品
近年来资本市场风起云涌,如何通过数字化.图形化手段分析金融产品是一个将经验工具化的手段,那么今天我们来聊一聊如何打造一款图形化金融工具--股票交易图(K线图). 最近小编在多个开发控件产品群看到有一群 ...
javascript：echarts 画基金周K线图
以广发双擎升级混合基金 (005911)为例 W005911.html <!DOCTYPE html> <html> <head><meta charset= ...
如何使用Echarts设计专业的K线图
如何使用Echarts设计专业的K线图先上图: Echarts所需的K线的数据结构有:时间(date),开盘(open),收盘(close),最低(lowest),最高(highest),成交量(v ...
TradeGraph媲美交易软件的python量化交易K线工具
之前用python做量化交易,需要画k线和各种曲线等,使用了mpl_finance,但体验太差,不支持拖拽而且性能很差,于是就自己写了个k线图工具TradeGraph,性能可媲美专业的股票软件,运行界 ...
用Python绘制专业的K线图【含源代码】
使用Python绘制一幅专业的K线图,是量化投资和金融数据分析的必备功课. 下面我将从K线图简介.数据获取.K线图绘制及成交量绘制等方面,结合源代码,一步步实现专业K线图的绘制. K线图简介 K线图又 ...

echarts配置及专业k线作图工具

echarts配置及专业k线作图工具相关推荐

最新文章

热门文章