echarts配置

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
	            }
	        },

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章