Chart.js甜甜圈周围的刻度线?

时间:2017-01-24 17:57:14

标签: jquery charts chart.js

我已经看到chart.js中有一个ticks配置选项,但无论我怎么尝试它,它都不起作用。这是我最好的尝试:

    var chartoverall = document.getElementById("overall").getContext('2d');
        var chartOverall = new Chart(chartoverall, {
            type: 'doughnut',
            data: {
                datasets: [{
                    backgroundColor: [
                      "lightblue",
                      "#fff"
                    ],
                    data: [3.2, 1.8],
                    borderColor: '#20457c'
                }]
            },
            options: {
                tooltips: {
                    enabled: false
                },
                title: {
                    display: true,
                    text: 'Overall',
                    fontFamily: 'montserrat',
                    fontSize: 18,
                    position: 'bottom',
                    padding: 22
                },
                ticks: {
                    max: 5,
                    min: 0,
                    stepSize: 1
                }
            }
        });

刻度线是否适用于Chart.js中的甜甜圈和饼图?如果没有,有人可以提出另一种解决方案我基本上试图在甜甜圈中显示0到5的等级,颜色浅蓝色作为水平,然后白色作为剩余的“空间”高达5.我想标记甜甜圈,以便用户可以看到1到5

0 个答案:

没有答案