初始动画完成后,在折线图中显示特定点的工具提示

时间:2016-06-07 17:06:44

标签: javascript chart.js

假设我们在Chart.js 2中有以下折线图:

https://jsfiddle.net/742zut83/

代码如下:



var ctx = document.getElementById("myChart");
var myChart = new Chart(ctx, {
    type: 'line',
    data: {
        labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
        datasets: [{
            label: '# of Votes',
            data: [12, 19, 3, 5, 2, 3]
        }]
    },
    options: {
        scales: {
            yAxes: [{
                ticks: {
                    beginAtZero:true
                }
            }]
        }
    }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.1.4/Chart.min.js"></script>
<canvas id="myChart" width="400" height="400"></canvas>
&#13;
&#13;
&#13;

在初始动画之后,我想要一个特定点的工具提示,例如标有&#34;绿色&#34;的点出现,仿佛一个人徘徊在这一点上,并一直呆到那里直到时间结束。当一个悬停在一个点上时,工具提示出现的默认行为最好应对所有点禁用,在初始动画完成并出现感兴趣的工具提示后,图表会保持静态。

0 个答案:

没有答案