图表js标签没有显示

时间:2015-04-24 09:11:13

标签: javascript charts chart.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'   });
    });

关于如何展示标签的任何想法?

2 个答案:

答案 0 :(得分:0)

我得到了它的工作。我复制了JS: http://jsfiddle.net/nCFGL/223/

//Chart.js 

//将全局图表变量定义为类。 var Chart = function(context){

var chart = this;

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

答案 1 :(得分:0)

使用此

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