Question

我有一个嵌套的圆环图，非常类似于this answer给出的图表。

但是，如果您将鼠标悬停在分段标签上，则会看到内圈的最后三个分段是“未定义”。我发现您传入的标签将应用于每个数据集。如果你在每个级别都有相同数量的段，这可以正常工作，我不这样做。

我尝试过向labels数组添加更多标签，但这不起作用。我也尝试在每个数据集中添加一个label数组（我在ChartJS Gitbook上看到了这个），但这并没有改变显示的内容。

任何帮助将不胜感激！

var ctx = document.getElementById("myChart");
var chartData = {
  labels: [
    "Red",
    "Blue",
    "Yellow"
  ],
  datasets: [{
    data: [300, 50, 100],
    backgroundColor: [
      "#FF6384",
      "#36A2EB",
      "#FFCE56"
    ],
    hoverBackgroundColor: [
      "#FF6384",
      "#36A2EB",
      "#FFCE56"
    ]
  }, {
    data: [200, 100, 25, 25, 66, 34],
    backgroundColor: [
      "#FF6384",
      "#36A2EB",
      "#FFCE56",
      "#FF6384",
      "#36A2EB",
      "#FFCE56"
    ],
    hoverBackgroundColor: [
      "#FF6384",
      "#36A2EB",
      "#FFCE56",
      "#FF6384",
      "#36A2EB",
      "#FFCE56"
    ]
      }]
};
var pieChart = new Chart(ctx, {
  type: 'pie',
  data: chartData
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.3.0/Chart.min.js"></script>

<canvas id="myChart" width="300" height="300"></canvas>

Chart.js标签特定于每个嵌套数据集

0 个答案: