ng2-chart.js提示框总是显示

Question

ng2-chart.js提示框总是显示

tooltipchart.jsvisibleng2-charts

4

如何使用ng2-chart设置永久可见的工具提示？在chart.js中，有一个选项showTooltips：true，但我找不到ng2-chart的解决方案。

- Namida

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- HaveSpacesuit · Answer 1

您可以将选项对象传递到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>

在你的 TypeScript 中，创建 chartOptions：

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

将 intersect: false 选项设置为始终在悬停时显示工具提示，就像您想要的那样。