echarts配置

系统管理员 2024-04-19 15:26 61阅读 0赞

1、曲线拐点样式

series : [
          
            {
                name:'搜索引擎',
                type:'line',
                symbol:'circle',//拐点设置为实心
                symbolSize:8,//拐点大小
                stack: '总量',
                animation:true,//false: hover圆点不缩放 .true:hover圆点默认缩放
                lineStyle:{
                    normal:{
                        color:'red',//折线的颜色
                        width:'2'//折线粗细
                    }
                },
                itemStyle:{
                  normal:{
                      color:'red',//拐点颜色
                      borderColor:'red',//拐点边框颜色
                      borderWidth:3//拐点边框大小
                  },
                  emphasis: {
                        color: 'red'//hover拐点颜色定义
                    }
                },
                areaStyle: {normal: {
                    color:'#999999'//折线下面区块的颜色
                }},
                data:[820, 932, 901, 934, 1290, 1330, 1320]
            }
        ]

2、曲线每个点显示详细数值

series.label: {
    			              normal: {
    			                  show: true,
    			                  position: 'top',
    			                  color:"#000",
    			                  fontSize:10,
    			                  EnergyLine:'50'
    			              }
    			          }

3、背景是多条横线

yAxis: {
    	            type: 'value',
    	            name: obj.y,
    	            nameTextStyle:{
    	                color:"#000"
    	            },
    	            axisLine:{
    	                lineStyle:{
    	                    color:"#666"
    	                }
    	            },
    	            axisLabel:{
    	                show:true,
    	                color:"#000",
    	                fontSize:10
    	            },
    	            splitLine:{
    	                show:true,
    	                lineStyle:{
    	                    color:"#666"
    	                }
    	            },
    	            axisTick:{
    	                show:false
    	            }
    	        },