点击折线图上的拐点,拐点对应横坐标的文字变色

点击折线图上的拐点,拐点对应横坐标的文字变色_第1张图片

  •  功能描述

点击折线上的拐点,如点击绿色线“2019-5-4“的拐点,点击之后,横坐标处的文字变红色

  • 实现方法

横坐标的颜色需要根据点击之后传递过来的值进行对比

xAxis: {
				type: 'category',
				boundaryGap: true,
				axisLabel:{
					show:true,
					textStyle : {
						color : function(value,index) {// x轴文字颜色的设定
							return value==day?'red':'black';
						},
					}  
				},
				data: ['2019-5-1','2019-5-2','2019-5-3','2019-5-4','2019-5-5','2019-5-6','2019-5-7']
			},
  • 全部源码



	
	折线图点击事件
	
	
	
	



	
echarts折线图展示
name
value
seriesName

 

你可能感兴趣的:(Echarts学习笔记)