{ name: '', center: [ '50%', '55%' ], type: 'gauge', radius: '74%', // 1行3个 splitNumber: 10, min: 0, max: 100, startAngle: 220, endAngle: -40, axisLine: { show: true, lineStyle: { width: 50, color: [ [ 1, new echarts.graphic.LinearGradient( 0, 0, 1, 0, [ { offset: 0, color: 'rgba(0, 199, 187, 0)', }, { offset: 1, color: 'rgba(0, 199, 187, 0)', } ] ) ], ] } }, axisTick: { show: 0, }, splitLine: { show: 0, }, axisLabel: { show: 0 }, pointer: { show: true, length: '102%', width: 8, itemStyle: { color:colorStyle } }, data: [ { value: 20, name: '#1出口 NOₓ 得分\n', title: { offsetCenter: ['0%', '120%'], fontSize:40, color:'#fff' }, detail: { offsetCenter: ['0%', '70%'], valueAnimation: true, fontSize: 50, color:'#4fe8d6' } } ]
时间: 2024-02-10 14:33:14 浏览: 268
MTK Fuel Gauge算法分析
这段代码是 ECharts 图表库中的一个仪表盘(gauge)的配置项。其中包含以下几个属性:
name: 图表名称,这里为空字符串。
center: 图表的中心点坐标。
type: 图表类型,这里为仪表盘。
radius: 图表的半径。
splitNumber: 刻度线的分割段数。
min: 最小值。
max: 最大值。
startAngle: 仪表盘的起始角度。
endAngle: 仪表盘的结束角度。
axisLine: 仪表盘的轴线设置。
axisTick: 刻度线的设置。
splitLine: 分割线的设置。
axisLabel: 刻度标签的设置。
pointer: 仪表盘指针的设置。
data: 数据,包含一个对象,其中 value 表示数值,name 表示名称,title 表示标题样式,detail 表示详情样式。
这段代码是一个完整的配置项,用于在 ECharts 中创建一个仪表盘图表。
阅读全文