echarts折线图显示每个折点的数值

解决办法

在series里添加进去

series.itemStyle.normal.label的值为true

itemStyle:{
	normal:{
         label:{
              show:true //在每个上面显示当前值
          }
   }
}

显示值
echarts折线图

局部代码

series: [{
			data: [150, 60, 224, 218, 135, 147],
			type: 'line',
			itemStyle : { normal: {label : {show: true}}}, //重点
           	symbolSize: 10,   //设定实心点的大小
			
		}]

全部代码

var option = {
		tooltip: {
			trigger: 'axis',
			axisPointer: {       // 坐标轴指示器,坐标轴触发有效
				type: 'line'   // 默认为直线,可选为:'line' | 'shadow'
			}
		},
		xAxis: {
			type: 'category',
			data: ['参加1次活动', '参加2次活动', '参加3次活动', '参加4次活动', '参加5次活动', '参加6次活动', ]
		},
		yAxis: {
			type: 'value',
			axisTick: {		//x轴刻度线
				show:false,
				alignWithLabel: true,
			},
			"axisLine":{     //x轴坐标轴
				"show":false
			},
		},
		color: '#6f96fe',
		series: [{
			data: [150, 60, 224, 218, 135, 147],
			type: 'line',
			itemStyle : { normal: {label : {show: true}}},
	                      	symbolSize: 10,   //设定实心点的大小
			
		}]
	};
  • 6
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值