首页 > 其他分享 >echarts5.0 去掉 hover 折线变粗方法

echarts5.0 去掉 hover 折线变粗方法

时间:2023-07-11 15:01:01浏览次数:33  
标签:hover echarts5.0 emphasis 折线 折线图 去掉 lineStyle 变粗

问题

今天 echarts 版本更新至5.1.2,发现鼠标悬停在折线图上,折线变粗,这个效果和我的需求相悖,所以想办法去掉此效果

解决

emphasis :折线图的高亮状态。

设置emphasis.lineStyle和折线图本身lineStyle相同即可

let option = {
	....//此处为其他配置
	series: [
	  {
		type: "line",
		data: dataList,
		lineStyle: {
		  width: 2,
		},
		emphasis:{ 
		  lineStyle: {
			width: 2,
		  },
		}
	  },
	],
}

标签:hover,echarts5.0,emphasis,折线,折线图,去掉,lineStyle,变粗
From: https://www.cnblogs.com/ZerlinM/p/17544650.html

相关文章

  • 4.折线图
    1.普通折线图 <template><div><divref="chart1"class="chart"></div></div></template><script>import*asechartsfrom"echarts";exportdefault{data(){return{......
  • el-table单元格内容较多时隐藏,鼠标hover时显示并且显示的内容可以换行
    说明在使用element的table表格的时候,发现单元格内容较多的情况下在el-table-column上面使用了show-overflow-tooltip属性:当内容过长被隐藏时显示tooltip但是他是一整行展示,不太好看所以我想弄成可以换行的解决1.在<style></style>标签中添加样式注:必须写在全局样式中......
  • echarts,时间轴折线图,tooltip相关
    其中,data数组是通过echarts工具由表格直接转换得到:https://echarts.apache.org/zh/spreadsheet.html第一部分:datadata中的长串是由表格得到,由日期转为的时间戳形式,比如‘1636905600000’,是excel中的【2021/11/150:00:00】通过公示【=((C3-70*365-19)*86400-8*3600)*1000】得到1......
  • R语言动态可视化:制作历史全球平均温度的累积动态折线图动画gif视频图|附代码数据
    全文链接:http://tecdat.cn/?p=9766原文出处:拓端数据部落公众号最近我们被客户要求撰写关于动态可视化的研究报告,包括一些图形和统计输出。 在某些情况下,你可能希望通过在每帧中添加数据并保留先前添加的数据来进行动画处理。现在,我们将通过制作点线图的动画来探索。以下是制......
  • echart折线图点击事件包括任意位置
    echart折线图点击事件包括任意位置一、常规点击事件在echarts中可以使用on为图形添加点击事件,但是这种方式添加的点击事件,只有点击在图形元素上才会触发事件处理函数。myChart.on('click',params=>{//可以设置点击的类型与响应的系列if(params.seriesType==='line'){......
  • WPF ListBoxItem 取消hover高亮,仅显示选中高亮
     ListBoxItem取消hover高亮,仅显示选中高亮;其他控件与此类似 <StyleTargetType="{x:TypeListBoxItem}"><SetterProperty="Background"Value="Transparent"/><SetterProperty="Template">......
  • jfreechart 1.0.19如何设置两个数据标签,一个在折线下方,一个在折线上方
    在JFreeChart1.0.19中,您可以使用CategoryPlot类的setItemLabelVisible(intseries,booleanvisible)方法来设置特定系列的数据标签是否可见。要设置两个数据标签,一个在折线下方,一个在折线上方,您可以按照以下步骤进行操作:1.获取CategoryPlot对象。2.使用CategoryPlo......
  • Python+matplotlib绘制动态折线图
    问题描述:动态绘制折线图。参考代码:运行效果:公众号“Python小屋”......
  • Echarts 折线图y轴标签值太长时显示不全的解决办法
    option={...yAxis:{type:'value',name:'营业额(元)',axisTick:{inside:true},scale:true,axisLabel:{margin:2,formatter:function(va......
  • echarts的折线图的鼠标滚轮移动不缩放
    dataZoom:[{type:'slider',maxValueSpan:5,//显示数据的条数(默认显示10个)show:true,yAxisIndex:[0],left:'93%',//滑动条位置start:100,//默认为0end:70,//默认为100orient:"vertical",filterMode:'empty',zoomLock:true,},{type:'inside......