javascript - 在图表标签中显示计算的百分比

Question

下面的代码呈现带有标签和适当值的 charist 图表我想将计算的百分比附加到每个标签即

• 一个 (5.55%)
• 两个 (16.66%)
• 三个 (27.77%)
• 四 (50.00%)

c_labels = ["one", "two", "three", "four"];
c_series = [10, 30, 50, 90];
options = {}

new Chartist.Pie('.ct-chart', {
  labels: c_labels,
  series: c_series,
}, options);

<script src="https://cdn.jsdelivr.net/chartist.js/latest/chartist.min.js"></script>
<link href="https://cdn.jsdelivr.net/chartist.js/latest/chartist.min.css" rel="stylesheet" />

<div class="ct-chart ct-perfect-fourth"></div>

Answer 1

您的代码有很多错误。它需要如下所示正确

var c_labels = ["one", "two", "three", "four"];
var c_series = [5.55, 16.66, 27.77, 50];

var options = {
  width: 300,
  height: 200
};


new Chartist.Bar('.ct-chart', {
  labels: c_labels,
  series: [c_series]
}, options);

<script src="https://cdn.jsdelivr.net/chartist.js/latest/chartist.min.js"></script>
<link href="https://cdn.jsdelivr.net/chartist.js/latest/chartist.min.css" rel="stylesheet" />

<div class="ct-chart ct-perfect-fourth"></div>