如何访问Chart.js默认设置？ （＆amp; related - 如何打开工具提示？）

Question

我正在使用Chart.js圆环图。图表显得很好。但是，它缺少工具提示（正如我使用Chart.js所做的所有其他图表一样）。为什么会这样，我该怎么打开它们呢？在线文档声称我可以在Chart.defaults.global上访问全局默认值（其中可以设置开/关工具提示，尽管该网站声称它们默认打开），这对我来说不起作用因为Chart.defaults甚至不存在。我试图访问这些默认值，以便我可以打开工具提示。 感谢您的任何帮助，您可以提供。

    var context = document.getElementById("scoreChart").getContext("2d");
    var chartData = [
        {
            label: "Number correct",
            value: $scope.numRight,
            color: "rgb(134, 202,54)",
            highlight: "rgb(100,100,100)"
            //not sure what highlight does
        },
        {
            label: "Number wrong",
            value: $scope.myTest.testQuestions.length - $scope.numRight,
            color: '#7c0b10',
            highlight: 'rgb(10,10,10)'
        }
    ];
    var theChart = new Chart(context);
    var theDough = theChart.Doughnut(chartData/*, chartOptions*/);
    console.log("Here is the chart object:");
    console.log(theChart);
    console.log("Chart.Doughnut object:");
    console.log(theChart.Doughnut);
    console.log("Chart.Doughnut.defaults:");
    console.log(theChart.Doughnut.defaults); // <-- This works
    console.log("theChart.defaults:");
    console.log(theChart.defaults); // <--This is undefined
    console.log("Chart.defaults.global:");
    console.log(Chart.defaults.global); // throws an error 
                        // because Chart.defaults is undefined

更新：修正了它。 Chart.js的凉亭版本非常古老。请参阅下面的答案。

Answer 1

我使用Bower下载了Chart.js。 Bower上列出的Chart.js版本已经过时了。这就是文档错误的原因。我不得不将最新的Chart.js从Github剪切并粘贴到我的项目中。瞧，工具提示和对象的行为就像文档所说的那样。 或者，更容易，正如JAAulde所指出的，您可以设置您的凉亭家属以指向：

  "chartjs": "master"

这应该会自动拉出正确的副本。

Answer 2

theChart和theDough应该一次设置，而不是单独的对象。例如：

var theChart = new Chart(ctx).Doughnut(data);

如果这仍然无法获得工具提示，请传入并修改以下选项：

var theChart = new Chart(ctx).Doughnut(data, {
     // Boolean - Determines whether to draw tooltips on the canvas or not
     showTooltips: true,
});

有关工具提示样式的更多信息，请查看此页面上的全局图表选项文档：http://www.chartjs.org/docs/#getting-started-global-chart-configuration