Telerik KendoUI Угловой линейный график, не отражающий dashType в легенде - PullRequest
Новая
       12

Telerik KendoUI Угловой линейный график, не отражающий dashType в легенде

0 голосов
/ 22 февраля 2019

У меня есть диаграмма, в которой я устанавливаю свойство dashType для разных серий, но легенда не отражает настройки и показывает все в виде сплошной линии.Как вы получаете легенду, чтобы отразить эту настройку?Я использую Angular 7 с последней сборкой компонентов диаграммы.Любая помощь приветствуется.

enter image description here

1 Ответ

0 голосов
/ 24 февраля 2019

Это поведение не поддерживается "из коробки", но может быть добавлено.Вы можете увидеть вопрос об этом и ответ на форумах Telerik здесь .

. Предлагаемое решение - использовать атрибут [item] компонента kendo-chart-legend.


См. Следующий пример использования:

Поместите это в шаблон вашего компонента внутри компонента `Kendo Chart: 

<kendo-chart-legend position="bottom" orientation="horizontal" [item]="{ visual: legendItemVisual }">
</kendo-chart-legend>

Поместите это в код вашего компонента: 

public legendItemVisual = (args: any) => {
    const path = new Path({ stroke: { color: args.series.color, dashType: args.series.dashType, width: 2}})
        .moveTo(0, 0).lineTo(25);
    const text = new Text(args.series.name);
    const layout = new Layout(new Rect([0, 0], [Number.MAX_VALUE, 0]), {
        alignItems: "center",
        cursor: 'pointer',
        spacing: 5
    });

    layout.append(path, text);
    layout.reflow();

    return layout;
}
...