在 Chartjs v2 极坐标图中重现错误，未绘制所有提供的数据

Reproduce Error in Chartjs v2 Polar chart not plotting all supplied data

本文关键字：绘制 数据 错误 极坐标 v2 Chartjs      更新时间：2023-09-26

虽然很可能是我自己犯的错误，但有人可以帮助我。我有一个包含 6 个数据点的极坐标图，绘制时仅显示 5 个数据点。如果这是一个问题，我会在 GitHub 上打开 1，但我想，如果它归结为我的糟糕代码，也许值得打开一个问题以防止其他人遇到同样的问题

仅使用通过CDN链接 https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.0.0/Chart.js 提供的chartjs，jquery 1.12.3和基本html文件中的以下脚本任何人都可以重现图表有 6 个标签、6 个数据点但**仅绘制 5 个**

的问题

上传的 zip 文件中包含的所有文件

极坐标图.zip

<script>
    $(document).ready(function(){
        var ctx = $("#mypolar").get(0).getContext("2d");
        // Polar Chart Data
        //labels "Communicate ", "Create ", "Find & Use", "Identity & Wellbeing", "Teach & Learn", "Tools & Technology"
        var data = {
    datasets: [{
        data: [1, 3, 5, 6, 2, 4],
        backgroundColor: ["#F7464A", "#46BFBD", "#FDB45C", "#949FB1", "#4D5360","#F7554A"],
        label: 'My dataset' // for legend
    }],
    labels: ["Communicate & Collaboarate", "Create & innovate", "Find & Use", "Identity & Wellbeing", "Teach & Learn","Tools & Technology"]
};
    //Plot the Radar Chart
    var myRadarChart = new Chart(ctx, {
    type: 'polarArea',
    data: data,
    //options: options 
    });
    });
</script>

正在绘制所有点（如果计算扇区数，则有 6 个扇区）。问题是您的比例是从最低值（1 - 第一个点的值）开始的，导致似乎没有为第一个点绘制任何内容。

如果要显示所有点，可以覆盖从 0 开始

的比例 
...
options: {
    scale: {
      ticks: {
        beginAtZero:true
      }
    }
}

小提琴 - http://jsfiddle.net/ja08nzm5/

相关文章：