Echarts Gauge 图表:如何修改风险值字体颜色
{ 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),你可以根据需要修改为其他颜色。
原文地址: https://www.cveoy.top/t/topic/quyk 著作权归作者所有。请勿转载和采集!