总是显示Ng2-chart.js的工具提示

Question

如何设置工具提示使用ng2-chart总是可见的?在char.js是选项showTooltips: true，但我找不到ng2-chart的解决方案。

Answer 1

你可以把一个options对象传递给canvas指令。

在你的html中:

<div style="display: block;">
    <canvas baseChart width="2" height="1"
            [datasets]="chartData"
            [labels]="chartLabels"
            [options]="chartOptions"
            [colors]="chartColors"
            [legend]=true
            chartType=line></canvas>
</div>

在你的打字稿中，创建chartOptions:

private chartOptions = { responsive: true, tooltips: { mode: 'index', intersect: false } };

设置intersect: false选项，使工具提示始终显示在悬停，像你想要的。

更多关于ChartJS的提示