Наведение курсора на диаграмму Морриса работает не так, как ожидалось

Наведение не работает для моего графика, есть предложения, что это может быть? Это шаблон django с Morris Chart внутри. У меня Morris Chart работает на других шаблонах django просто отлично, так что я не уверен, является ли это полезной нагрузкой, которая не нравится диаграмме, или просто проблема с синтаксисом - спасибо!

{% for item in data_alpha %}
  <div class="row">
    <div class="col-lg-12">
      <div class="panel panel-primary">
        <div class="panel-heading">
          Load Time | {{ item.link }}
          <button class="btn btn-sm btn-default vertical-allign-baseline pull-right" data-toggle="modal" data-target="#helpLoadTime">
            <i class="fa fa-question-circle" aria-hidden="true"></i> Help
          </button>
        </div>
        <div class="panel-body">
          {% for key, value in regions.items %}
            <span class="regions" style="background-color: {{ value }}"></span>
            <span> {{ key }}</span>
          {% endfor %}

          <div id="tg-load-chart_{{ forloop.counter }}" style="height: 300px;"></div>

          <script>
            rawData = {{item.tg_load_time_graph|safe}};
            aws_regions = Object.keys({{item.tg_load_time_graph|safe}});
            processedData = processRawData(rawData, aws_regions);
            chartData = processToChartData(processedData);
            colours = Object.values({{regions|safe}});

            new Morris.Line({
              element: 'tg-load-chart_{{ forloop.counter }}',
              data: chartData,
              xkey: 'datetime',
              ykeys: aws_regions,
              labels: aws_regions,
              hideHover: 'auto',
              pointSize: 0,
              xLabels: '10min',
              lineColors: colours,
            });
          </script>

Вернуться на верх