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

最新推荐文章于 2024-04-19 07:13:52 发布

槿畔

最新推荐文章于 2024-04-19 07:13:52 发布

阅读量2.8w

点赞数 2

分类专栏： javascript插件文章标签： echarts配置 k线专业k线

本文链接：https://blog.csdn.net/qq_40513881/article/details/81010083

版权

javascript插件专栏收录该内容

13 篇文章 0 订阅

订阅专栏

一般看官网配置比较多，教大家如何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设置线的颜色

网格背景颜色设置