| | |
| | | textStyle: { |
| | | // 设置默认的文字颜色 |
| | | color: state.themeColor, |
| | | fontSize: 12 |
| | | // fontSize: 12 |
| | | }, |
| | | itemStyle: { |
| | | borderWidth: 0 // 设置图例边框宽度为0 |
| | |
| | | itemStyle: { |
| | | borderRadius: 1, |
| | | borderColor: '#fff', |
| | | borderWidth: 2 |
| | | borderWidth: 1 |
| | | }, |
| | | label: { |
| | | show: false, |
| | | position: 'center' |
| | | }, |
| | | emphasis: { |
| | | label: { |
| | | show: true, |
| | | fontSize: 40, |
| | | fontWeight: 'bold' |
| | | } |
| | | show: true, |
| | | position: 'outside', |
| | | overflow: 'truncate', |
| | | borderWidth: 0, |
| | | color: state.themeColor |
| | | }, |
| | | labelLine: { |
| | | show: true |
| | | show: true, // 显示指示线 |
| | | lineStyle: { |
| | | color: '#ccc', |
| | | width: 1, |
| | | type: 'solid' |
| | | } |
| | | }, |
| | | emphasis: { |
| | | itemStyle: { |
| | | shadowBlur: 10, |
| | | shadowOffsetX: 0, |
| | | shadowColor: 'rgba(0, 0, 0, 0.5)' |
| | | }, |
| | | }, |
| | | data: [ |
| | | { value: 1048, name: '动火作业' }, |
| | |
| | | } |
| | | }, |
| | | yAxis: { |
| | | type: 'value' |
| | | splitLine: { |
| | | show: true, |
| | | lineStyle: { |
| | | color: '#fafafa', |
| | | width: 1, |
| | | type: 'dashed' |
| | | } |
| | | }, |
| | | axisLabel:{ |
| | | color: '#ccc' |
| | | } |
| | | }, |
| | | grid: { |
| | | top: '8%', |
| | |
| | | series: [ |
| | | { |
| | | data: [150, 230, 224, 218, 135, 147, 230, 224, 218, 135, 147, 260], |
| | | type: 'line' |
| | | type: 'line', |
| | | label:{ |
| | | show: true |
| | | } |
| | | } |
| | | ] |
| | | } |
| | |
| | | |
| | | .full{ |
| | | position:fixed; |
| | | background: #fff; |
| | | border-radius: 17px; |
| | | background: rgba(0,0,0,.2); |
| | | border: 1px solid rgba(54, 252, 252, .6); |
| | | border-radius: 17px 1px 1px 17px; |
| | | box-shadow: 3px 3px 12px rgba(0,0,0,.2); |
| | | height: 34px; |
| | | line-height: 34px; |
| | | top: 0; |
| | | right: 20px; |
| | | height: 32px; |
| | | line-height: 30px; |
| | | top: 10px; |
| | | right: 2px; |
| | | display: flex; |
| | | justify-content: center; |
| | | backdrop-filter: blur(2px); |
| | | z-index: 99999; |
| | | } |
| | | .topChart{ |
| | | .chart-item{ |