{ name: '业务指标', type: 'gauge', // 圈大小 startAngle: 180, endAngle: 0, min: 0, max: 5, detail: { formatter: '{value}', offsetCenter: [0, '30%'] }, data: [{ value: this.ristValue, name: '风险值', detail: { color: '#fff' }, textStyle: { color: '#ff0000' } // 修改字体颜色 }], axisLine: { // 坐标轴线 lineStyle: { // 属性lineStyle控制线条样式 color: [[0.2, '#3BC100'], [0.4, '#1990FF'], [0.6, '#FFD538'], [0.8, '#FF8900'], [1, '#E00D0D']] } }, axisLabel: { distance: -60, fontSize: 16 } }要修改name为风险值的字体颜色,可以在data中对该项进行设置。具体的代码如下所示:

{  name: '业务指标',  type: 'gauge',  // 圈大小  startAngle: 180,  endAngle: 0,  min: 0,  max: 5,  detail: { formatter: '{value}', offsetCenter: [0, '30%'] },  data: [{    value: this.ristValue,    name: '风险值',    detail: { color: '#fff' },    textStyle: { color: '#ff0000' } // 修改字体颜色  }],  axisLine: { // 坐标轴线    lineStyle: { // 属性lineStyle控制线条样式      color: [[0.2, '#3BC100'], [0.4, '#1990FF'], [0.6, '#FFD538'], [0.8, '#FF8900'], [1, '#E00D0D']]    }  },  axisLabel: {    distance: -60,    fontSize: 16  } }

在data项中给name为风险值的项添加了textStyle属性,通过设置textStyle的color属性来修改字体颜色。上述代码中将字体颜色修改为红色(#ff0000),你可以根据需要修改为其他颜色。

Echarts Gauge 图表:如何修改风险值字体颜色

原文地址: https://www.cveoy.top/t/topic/quyk 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录