Подсказка ng2-chart.js всегда показывает

Question

Как установить всплывающую подсказку с помощью ng2-диаграммы всегда видимой? В char.js есть опция showTooltips: true, но я не могу найти решение ng2-chart.

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>

В вашей машинописи создайте chartOptions:

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

Установить intersect: false возможность всегда отображать всплывающую подсказку, как вы хотели.

Подробнее о подсказках ChartJS