仪表盘上文字如何跟随圆的弧度旋转,这个星期效果想做成星期在圆型里面文字跟随着圆的弧度显示而不是水平显示
配置项如下
option = {
tooltip : {
formatter: "{a} <br/>{b} : {c}%"
},
backgroundColor: "rgba(0,0,0,0.2)",
series: [{
name: '',
type: 'gauge',
radius: '30%', //仪表盘半径
min: 0,
max: 7,
startAngle: 90,
endAngle: -269.9999,
splitNumber: 7,
pointer: { //仪表盘指针
show: true,
length: '80%',
width: 3
},
itemStyle: { //仪表盘指针样式
normal: {
color: '#00b0b0',
shadowColor: 'rgba(0, 0, 0, 0.5)',
shadowBlur: 10,
shadowOffsetX: 2,
shadowOffsetY: 2
}
},
axisLine: { //仪表盘轴线样式
lineStyle: {
color: [
[0.07, 'rgba(192, 0, 0, 0.5)'],
[0.21, 'rgba(0, 0, 192, 0.5)'],
[0.35, 'rgba(0, 64, 192, 0.5)'],
[0.50, 'rgba(0, 96, 192, 0.5)'],
[0.64, 'rgba(0, 164, 192, 0.5)'],
[0.78, 'rgba(0, 128, 64, 0.5)'],
[0.93, 'rgba(192, 128, 0, 0.5)'],
[1, 'rgba(192, 0, 0, 0.5)']
],
width: 18
}
},
splitLine: { //分割线样式
show: false
},
axisTick: {
show: false
}, //仪表盘刻度样式
axisLabel: { //刻度标签
show: 1,
distance: -15, //标签与刻度线的距离
textStyle: {
color: '#ffffff'
},
formatter: function(t) {
switch (t + '') {
case '0':
return '星期日';
case '1':
return '星期一';
case '2':
return '星期二';
case '3':
return '星期三';
case '4':
return '星期四';
case '5':
return '星期五';
case '6':
return '星期六'; //这里的汉字怎么随着这个圆的弧度显示而不是水平显示
}
}
},
title: {
show: false
}, //仪表盘标题
detail: {
show: false
}, //仪表盘显示数据
data: [{
}]
}]
};
var timeTicket = setInterval(function() {
var datetime = new Date();
var date = datetime.getDay();
console.log(date)
option.series[0].data[0].value = (date).toFixed(0);
myChart.setOption(option, true);
}, 100);