一段时间以来,我一直在努力解决这个问题,我需要在您容器的height
处拥有100%的图形。
根据我向他指示的体重,他的身高:“ 100%”仍然跟随着上方和下方的空格,故我给false
赋予yaxis
值,但问题仍然存在。
可以解决这个问题的人将不胜感激。
var options = {
chart: {
type: 'line',
width: '100%',
height: '100%',
toolbar: {
show: false
},
},
grid: {
show: false,
padding: {
left: 0,
right: 0
}
},
tooltip: {
intersect: false,
x: {
show: false
},
marker: {
show: false
}
},
dataLabels: {
enabled: false
},
yaxis: {
show: false,
},
xaxis: {
tooltip: {
enabled: false
},
labels: {
show: false
},
axisBorder: {
show: false
}
},
series: [{
name: 'sales',
data: [30,40,35,50,49,60,70,91,125]
}]
}
var chart = new ApexCharts(document.querySelector("#chart"), options);
chart.render();
#chart{
width: 500px;
height: 200px;
border: 1px solid #000;
}
<script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
<div id="chart"></div>
答案 0 :(得分:0)
您应该打开sparkline.enabled
标志以删除图表区域上方和下方的所有不必要的空格
chart: {
sparkline: {
enabled: true
}
}