Question

我在我的项目中使用angular2-highcharts，我有一个组件来绘制一个饼图，例如。

import { Component, Input, OnInit } from '@angular/core';
import { CHART_DIRECTIVES } from 'angular2-highcharts';

@Component({
    selector: 'pie-chart',
    styles: [`
      chart {
        display: block;
      }
    `],
    template: `
        <chart [options]="options"></chart>
    `
})
export class PieChartComponent implements OnInit {
    options: HighchartsOptions;
    @Input() pieChartData: Array<{ name: string, y: number }>

    ngOnInit() {        
        this.setChartOptions()
    }

    ngOnChanges() {        
        this.setChartOptions()
    }

    public setChartOptions() {
        this.options = {
            chart: {
                type: 'pie',
...

我在具有其他组件的主要组件中使用该组件：

<pie-chart [pieChartData]="pieChartData"></pie-chart>


export class DashboardComponent implements OnInit {
    ngOnInit() {
       this.getActivitiesStatusData().subscribe(
                result => {
                    this.pieChartData = result
                },
                err => console.error("Error getting pie chart data " + err))

       }
    }

其他一些组件有图像，源是远程的，所以我能够注意到当鼠标在某个高图上时，如果图像没有被缓存，则重新渲染图像元素（请求被重复）（例如，如果它是一个损坏的文件）。这是正常的吗？这是否意味着重新呈现所有HTML？

如何减少请求数量？

由于

angular2-highcharts mouseover呈现整个HTML

0 个答案: