Как добавить дополнительную информацию к всплывающим подсказкам Chart JS в Ruby on Rails? - PullRequest
Новая
       1

Как добавить дополнительную информацию к всплывающим подсказкам Chart JS в Ruby on Rails?

0 голосов
/ 06 мая 2020

У меня есть этот код для диаграммы в приложении Ruby on Rails: 

<div class="col-md-12">
    <div class="card">
        <div class="card-content follower-growth-table table-with-button">
      <div class="chart-container followers-growth-container">
                    <div class="card-header card-header-followers-growth">
        Follower Growth
        <div class='follower-growth-period d-flex justify-content-between align-items-center'><i class="fa fa-calendar-o"></i><p class="calendar-text"><%=@first_date%><%=@last_date%></p></div>
      </div>
      <% unless @graph_data.empty? %>
        <%= line_chart(
           @graph_data,
          height: '300px',
          library: {
            scales: {
              xAxes: [{
                  ticks: {
                  fontColor: 'rgb(174,174,174)'
                  },
                 type: 'time',
            time: {
                unit: 'day',
                stepSize: 1,
            },
                display:true, 
                gridLines: {
                  display: true,
                  drawBorder: true,
                  drawOnChartArea: true,
                }
              }],
              yAxes: [{
                display: true,
                gridLines: {
                  display: true,
                  drawBorder: true, 
                  drawOnChartArea: true,
                },
                ticks: {
                  fontColor: 'rgb(174,174,174)',
            max: @max_followers,
            min: 0,
            stepSize: @graph_step
        }
              }]
            }
          },
          colors: ['rgb(212,203,194)']
        ) %>
      <% else %>
        <%= render partial: 'shared/elements/empty_data_message', locals: {
          message: 'There is no followers data for this influencer yet.'
        } %>
      <% end %>

переменная данных графика - это объект, который имеет даты как имена свойств и число как значение ... так что в основном у меня есть числа по оси Y и даты по оси X. На данный момент всплывающая подсказка показывает мне только дату и значение во всплывающей подсказке для каждой точки на графике. Я хочу иметь возможность добавить третью информацию, которая представляет собой процент, который будет поступать из массива, имеющий разные значения для каждой всплывающей подсказки. Ничего из того, что я пробовал, или других решений, которые я искал в Интернете, не помогло мне. Буду очень признателен, если у кого-нибудь есть идеи.

...