This commit is contained in:
parent
5754d89d20
commit
0ee0870198
|
|
@ -22,7 +22,7 @@ else
|
|||
<!-- 左:环形图 -->
|
||||
<div class="ct-chart-panel ct-panel-donut">
|
||||
<div class="ct-chart-title">性格类型</div>
|
||||
<canvas id="donutChart" width="300" height="300"></canvas>
|
||||
<canvas id="donutChart" width="380" height="300"></canvas>
|
||||
</div>
|
||||
<!-- 中:雷达图 -->
|
||||
<div class="ct-chart-panel">
|
||||
|
|
@ -103,7 +103,7 @@ else
|
|||
new Chart(ctxDonut, {
|
||||
type: 'doughnut',
|
||||
data: { labels: labels, datasets: [{ data: scores, backgroundColor: colors, borderWidth: 2, borderColor: '#fff' }] },
|
||||
options: { responsive: false, cutout: '50%', plugins: { legend: { display: false } }, layout: { padding: { top: 44, bottom: 44, left: 50, right: 50 } } },
|
||||
options: { responsive: false, cutout: '50%', plugins: { legend: { display: false } }, layout: { padding: { top: 44, bottom: 44, left: 70, right: 70 } } },
|
||||
plugins: [donutLabelPlugin]
|
||||
});
|
||||
|
||||
|
|
|
|||
|
|
@ -29,10 +29,11 @@
|
|||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.ct-panel-donut {
|
||||
flex: 0.8;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.ct-panel-bar {
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user