Пользовательская подсказка для 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;
        }
      }
    },
}

См. также этот ответ: /questions/7590940/ng2-diagrammyi-nastraivayut-dannyie-i-ves-html-kontent-vsplyivayuschej-podskazki-otobrazhaemoj-pri-navedenii-na-gistogrammu/7590947#7590947