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

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

1 голос
/ 31 января 2020

У меня есть собственная легенда, созданная для некоторых моих графиков. В связи с этим я надеюсь добавить параметр, подобный следующему: 

        legend:{
            labels: {
                usePointStyle: true,
            },

Это позволит моей легенде иметь несколько сюжетов, использующих один и тот же цвет, но с разными стилями. Моя легенда по умолчанию установлена ​​на display:false.

Вот как генерируется моя легенда: 

totalLegendContainer.innerHTML = totalChart.generateLegend();
var legendItems = totalLegendContainer.getElementsByTagName('li');
for (var i = 0; i < legendItems.length; i += 1) {
  legendItems[i].addEventListener("click", legendClickCallback, false);
}

Стиль в настоящее время исходит от CSS

#fakeLegendID{
    list-style-type: square;
    list-style-position: inside;
    font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    font-weight: bold;
    font-size: 15px;
    color: #666;
    overflow-y: auto;
    overflow-x: hidden;
    height: 280px;
    width: 140px;
    margin-top: 40px;
    text-align: left;
    white-space: nowrap;
}

Как бы я добавил возможность, чтобы моя легенда показывала стиль линии?

...