echarts动态设置标题_echarts怎么修改title的字体⼤⼩想在移动端吧饼图的title的字号改⼩ 开始写百分⽐发现效果不好⽽且在⽕狐下会重叠
怎么监听宽度的变化改变字体的⼤⼩呢
option1 = {
title: [
{
text: 'Part 1',
left: "49%",
top: '32%',
textAlign: 'center',
textStyle: {
color: '#333333',
fontWeight: 'bold',
fontSize: 30
}
},
{
text: '财务规划,\n绩效和控制',
left: "49%",
top: '42%',
textAlign: 'center',
textStyle: {
color: '#333333',
fontWeight: 'bold',
fontSize: 20,
}
}, {
text: 'Financial Reporting ,\nPlanning,Performance\nand Control',
left: "49%",
top: '52%',
textAlign: 'center',
textStyle: {
color: '#333333',
fontSize: 10
}
}
],
tooltip: {
trigger: 'item',
formatter: "{a}
{b}:({d}%)"
},
itemStyle: dataStyle,
roseType: 'angle',
series: [{
name: '',
type: 'pie',
hoverOffset: 40,
radius: ['43%', '100%'],
color: ['#32e0f0', '#54caf6', '#1d7fe4'], label: {
normal: {
show: false,
textStyle: {
color: "#fff",
fontSize: 18
},
position: 'inner'
},
emphasis: {
show: true,
textStyle: {
color: "#fff",
fontSize: 18
},
position: 'inner'
}
},
tooltip: {
show: false
},
data: [{
value: 20,
name: '20%\n成本管理'
}, {
value: 20,
name: '20%\n绩效管理'
}, {
value: 15,
name: '15%\n对外财务\n报告决策' }, {
value: 15,
name: '15%\n内部控制'
}, {
value: 30,
name: '30%\n规划预算\n编制与预测' }],
animationType: 'scale', animationEasing: 'elasticOut', animationDelay: function (idx) { return Math.random() * 200;
}
fontweight属性bold
}]
};

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。