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

时间:2016-04-26 09:18:08

标签: javascript chart.js

虽然它很可能是我自己造成的错误,但有人可以帮助我。 我有一个极坐标图,有6个数据点,绘制时只显示5个数据点。 如果它是一个问题我将在GitHub上打开1,但我认为如果它归结为我的糟糕代码可能值得打开一个问题以防止其他人遇到同样的问题

仅使用通过CDN链接https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.0.0/Chart.js,jquery 1.12.3和基本html文件中的以下脚本提供的chartjs 任何人都可以重现图表有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>

1 个答案:

答案 0 :(得分:1)

正在绘制所有点(如果计算有6个扇区的扇区数)。问题是你的比例是从最低值(1 - 你的第一个点的值)开始,导致看起来没有任何东西被绘制为第一点。

如果要显示所有点

,您可以覆盖从0开始的比例
...
options: {
    scale: {
      ticks: {
        beginAtZero:true
      }
    }
}

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