更改Chart JS的默认值

时间:2014-03-18 16:31:15

标签: javascript html5 chart.js

我使用HTML5 Chart JS对象创建了一个饼图。

我很容易整合此图表,但我很难找到如何使用documentation更改默认值。

到目前为止,我已经完成了从图形中删除动画的工作:

<html>
<head>
    <title>Radar Chart</title>
    <script src="../Chart.js"></script>
    <meta name = "viewport" content = "initial-scale = 1, user-scalable = no">
    <style>
        canvas{
        }
    </style>
</head>
<body>
    <canvas id="canvas" height="450" width="450"></canvas>


<script>

    var pieData = [
            {
                value: 30,
                color:"#F38630"
            },
            {
                value : 50,
                color : "#E0E4CC"
            },
            {
                value : 100,
                color : "#69D2E7"
            }

        ];
    var options = {
    animation : false,};    

var myPie = new Chart(document.getElementById("canvas").getContext("2d")).Pie(pieData);


</script>
</body>

添加此选项似乎没有任何影响。

我出错的任何想法?

1 个答案:

答案 0 :(得分:3)

您可能希望在options对象中删除额外的逗号,然后将选项作为第二个参数传入Pie方法:

var options = {
  animation : false
};    

var myPie = new Chart(document.getElementById("canvas").getContext("2d")).Pie(pieData, options);