Как загрузить график на другой странице

Question

У меня есть диаграмма, которая строится на странице x, но я хочу загрузить эту диаграмму на странице y. Как мне это сделать?

Я пытаюсь использовать службу, но она не работает.

страница х

chart = [];

this.chart = new Chart('canvas', {

    type: 'line',
    data: {
        labels: this.datas,
        datasets: [{
            label: 'Score',
            fill: false,
            backgroundColor: 'rgb(255, 99, 132)',
             borderColor: 'rgb(255, 99, 132)',
            data: this.score
         }
     }
})

this.fichasService.chart = this.chart;

страница y

test = this.fichasService.chart;

<canvas id="canvas">{{test}}</canvas>

Если я пытаюсь нарисовать диаграмму на странице x, она работает нормально, но при попытке нарисовать на странице y это не сработало.

Answer 1

Что я сделаю, так это реорганизую этот граф как сам компонент, чтобы его можно было легко везде использовать повторно. Просто объявите компонент с логикой, которая у вас уже есть, и используйте <canvas id="canvas">{{test}}</canvas>

как шаблон компонента