在vue中apexcharts怎么设置圆的大小,让圆的大小保持一致
vue
<VueApexCharts
:type="chartOptions.type"
:width="chartOptions.width"
:options="chartOptions"
:series="chartOptions.series"
></VueApexCharts>
js:
chartOptions = {
title: {
text: '',
left: 'center',
},
width: 600,
type: 'pie',
dataLabels: {
enabled: true,
formatter: function(val: any, opts: any) {
const name = opts.w.globals.labels[opts.seriesIndex];
return [name, val.toFixed(1) + '%'];
},
},
series: [] as number[],
labels: [] as string[],
responsive: [
{
options: {
chart: {
width: 200,
},
legend: {
position: 'bottom',
},
},
},
],
};
设置的width都一样。
可是如果存储的数据越多的话,圆就会越来愈小。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论