Javascript 与Chart.js有问题；额外选择“；

我正试图用HTML5制作一个图表，偶然发现Chart.js似乎很完美，它马上就可以工作了，并且摆弄了核心选项，得到了我想要的东西。然后我去了文档站点：查看了“线图选项”部分，并尝试添加一些我自己的选项来进一步设计我的图

这是我的图（）的一个JSFIDLE和一个注释，其中“额外”选项完全不起作用……我不知道我做错了什么……我应该在哪里放置这些额外选项以使它们工作

我想我错过了一些关于添加或允许选项的内容

//Visitors Graph

var lineChartData = {
    labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul"],
    datasets: [{
        fillColor: "rgba(0,0,0,0)",
        strokeColor: "rgba(197,115,30,1)",
        pointColor: "#c5731e",
        pointStrokeColor: "#c5731e",
        data: [65, 59, 90, 81, 56, 55, 40],

        // A few random options that don't work...
        scaleFontColor : "#f00",
        datasetStrokeWidth : 5,

    }, {
        fillColor: "rgba(0,0,0,0)",
        strokeColor: "rgba(197,171,30,1)",
        pointColor: "#c5ab1e",
        pointStrokeColor: "#c5ab1e",
        data: [28, 48, 40, 19, 96, 27, 100]
    }]
}

// Draw Visitors Graph Line
var myLine = new Chart(document.getElementById("visitors-graph").getContext("2d")).Line(lineChartData);

---

将这些添加到错误的子对象；选项应该作为第二个参数传递，如下所示：

var lineChartData = {
    ...
};

var options = {
    scaleFontColor: "#f00",
    datasetStrokeWidth: 5
};

var myElement = document.getElementById("visitors-graph").getContext("2d");

var myLine = new Chart(myElement).Line(lineChartData, options);

---

演示：

这里有一个更新的小提琴，仍然使用Charts.js 1.x：