Ped*_*ira 5 javascript css vue.js apexcharts
我正在使用该库apexCharts
在我正在处理的项目中构建一些图表。
这个特定的饼图正在加载某个操作的尝试次数,并将其显示在侧栏标签中。
最近我加载了一个包含很多尝试的图表,并且容器获得了滚动,我认为它会加载所有尝试,并且通过滚动您可以浏览它们,但它并没有显示所有尝试。
我一直在观察图表的响应行为,在 1300px > 分辨率大小下,它确实通过滚动显示了所有标签。
这些是我的顶点图表代码的选项:
chartOptions: {
chart: {
width: '100%',
height: 390,
type: 'pie',
toolbar: {
show: true
}
},
labels: chartData.labels,
legend: {
markers: {
width: 26,
height: 12,
radius: 8,
},
position: chartOptions.legendPosition || "right",
},
theme: {
monochrome: {
enabled: true,
color: '#537F23',
}
},
title: {
text: chartOptions.title,
margin: 10,
style: {
fontSize: chartOptions.titleSize || '25px',
fontWeight: 'bold',
color: '#707070'
},
},
responsive: [
{
breakpoint: 1400,
options: {
chart: {
width: '90%',
height: 417,
},
}
}, {
breakpoint: 800,
options: {
chart: {
height: 400,
},
legend: {
position: "bottom",
horizontalAlign: 'left',
}
}
},
Run Code Online (Sandbox Code Playgroud)
我尝试调整图表高度,但没有用。我认为这可能是一个库错误。
建议?
谢谢 。