Пользовательская легенда Chart.js внутри диаграммы - PullRequest
Новая
       20

Пользовательская легенда Chart.js внутри диаграммы

1 голос
/ 27 сентября 2019

Точка, в которой я сейчас нахожусь

Я использую chart.js и пытаюсь создать легенду, которая находится внутри диаграммы, а неотдельный кусок HTML.Я вижу много сообщений о legendCallback, но похоже, что это работает, только если вы хотите, чтобы легенда находилась в html-блоке, а не была частью вашего холста, на котором отображается chart.js.

Мне нужно, чтобы это было все на холсте, под "Заголовком", который я сам поместил на диаграмму.Даты - это метки моей диаграммы, «Заголовок» - это набор данных, в котором видна только средняя часть данных, а пунктирная линия - мой пятый набор данных.

Я запрещаю показывать наборы данных заголовка и пунктирной линии в легенде с этим 

legend: {
      labels: {
        filter: function(item, chart) {            
          return !item.text.includes('hide');
        }
      }
    }

Далее, я бы хотел, чтобы мои легенды больше походили на их строки: enter image description here enter image description here

Если невозможно создать подобные фигуры, есть ли способ заполнить прямоугольники в легендах, не изменяя заполнениемои данные?

Редактировать: Извините за объявление шаткой переменной вверху, это потому, что этот скрипт преобразуется в шаблон scirban.

...