Javascript 图表js标签未显示

我嵌入了chart.js中的饼图，并引用了StackOverflow上的一个老问题来显示标签。但是，标签仅在您将鼠标悬停在图表上时显示。我使用的代码如下：

<script type="text/javascript">
   $(document).ready(function () {
       var pieData = [{
                value : 30,
                color : "#F38630",
                label : 'Sleep',
                labelColor : 'white',
                labelFontSize : '16'
            },
                  {
                value : 30,
                color : "#F34353",
                label : 'Sleep',
                labelColor : 'white',
                labelFontSize : '16'
            }];

        var myPie = new Chart(document.getElementById("piechart").getContext("2d")).Pie(pieData, {                     
            animationSteps: 100,
            animationEasing: 'easeInOutQuart'   });
    });

$（文档）.ready（函数（）{
变量数据=[{
数值：30，
颜色：“F38630”，
标签：“睡眠”，
labelColor:'白色'，
labelFontSize:'16'
},
{
数值：30，
颜色：“F34353”，
标签：“睡眠”，
labelColor:'白色'，
labelFontSize:'16'
}];
var myPie=new Chart（document.getElementById（“piechart”）.getContext（“2d”））.Pie（pieData，{
动画步骤：100，
动画化：“easeInOutQuart'}）；
});

---

关于如何显示标签有什么想法吗？

我已经开始工作了。我从以下位置复制了JS：

//将全局图表变量定义为类。 变量图表=函数（上下文）{

创建chart.js文件。我下载的chart.js文件中缺少某些内容。

使用此选项

scales: {
    xAxes: [{
        stacked: false,
        beginAtZero: true,
        scaleLabel: {
            labelString: 'Month'
        },
        ticks: {
            stepSize: 1,
            min: 0,
            autoSkip: false
        }
    }]
}

var chart = this;

scales: {
    xAxes: [{
        stacked: false,
        beginAtZero: true,
        scaleLabel: {
            labelString: 'Month'
        },
        ticks: {
            stepSize: 1,
            min: 0,
            autoSkip: false
        }
    }]
}