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

Question

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

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

的问题

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

PolarChart.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>

Answer 1

您的所有点都已绘制出来(如果计算扇区数量，则有 6 个扇区)。问题在于您的比例是从最低值(1 - 第一个点的值)开始的，导致第一个点似乎没有绘制任何内容。

如果您想显示所有点，可以将比例覆盖为从 0 开始

...
options: {
    scale: {
      ticks: {
        beginAtZero:true
      }
    }
}

<小时/>

fiddle - http://jsfiddle.net/ja08nzm5/