typescript - ng2-charts 的自定义工具提示

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