ng2图表的自定义工具提示

Question

我正在做一些研究，我想知道是否可以像在chart.js中那样制作自定义工具提示，但我什么都找不到。我想在我的工具提示中添加一些css！我正在使用angular5。

Answer 1

尝试将其添加到图表选项中：

public barChartOptions: ChartOptions = {
...
tooltips: {
backgroundColor: 'rgba(255,255,0,0.5)',
bodyFontColor: 'blue',
borderColor: '#0ff',
borderWidth: 5,
caretPadding: 10,
displayColors: false,
enabled: true,
intersect: true,
mode: 'x',
titleFontColor: '#333',
titleMarginBottom: 10,
xPadding: 20,
yPadding: 15,
// If you want to custom the value
callbacks: {
label: function (tooltipItem, data) {
const datasetLabel = data.datasets[tooltipItem.datasetIndex].label || '';
return  datasetLabel + ': $' + tooltipItem.yLabel;
}
}
},
}

另请参阅以下答案：https://stackoverflow.com/a/54890570