我正在使用 apexcharts 到我的网站,我有一些冲突,有人知道如何更改字体大小 值和标签放在底部,值放在中心
在此处编写代码
JavaScript
var options = {
series: [70],
chart: {
height: 350,
type: 'radialBar',
},
plotOptions: {
radialBar: {
hollow: {
size: '70%',
}
},
},
labels: ['Cricket'],
};
var chart = new ApexCharts(document.querySelector("#chart"), options);
chart.render();
最佳答案
请参阅documentation用于格式化数据标签及其相应的值。可以在图表选项
中覆盖以下属性来设置字体大小和位置。
plotOptions: {
...
dataLabels: {
name: { // label name, eg: "Cricket"
...
fontSize: '<font size in px>' // default: 16px; change to preferred size
offsetY: <position offset from top> // +ve for downward, -ve for upward direction> // default: -10; change to >120 to push the label down
},
value: { // label value, eg: "70%"
...
fontSize: '<font size in px>' // default: 14px; change to required size
offsetY: <position offset from top> // default: +16; set to 0 to center the value
}
}
}
这是CodePen修改上述设置以将标签设置在图的底部,并将值居中。
关于apexcharts 径向图表字体大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/65051154/