Question

我在第x页上构建了一个图表，但我想在第y页上加载该图表。我该怎么办？

我正在尝试使用一项服务，但是没有用。

第x

页

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>

作为组件的模板

如何在不同页面中加载图表

1 个答案: