Question

我需要制作一个默认的工具提示，它不应该只悬停在它上面。例如，在我们悬停时的下图中，在红色部分，它将显示停止，而我们将鼠标悬停在绿色部分它将显示正在运行，但我需要该工具提示在相应的部分中默认为没有悬停事件..

我使用的角度代码是，

    <canvas baseChart
        [data]="doughnutChartData"
        [labels]="doughnutChartLabels"
        [chartType]="doughnutChartType"
        [colors]="colors"
        [options]="options"
        (chartHover)="chartHovered($event)"
        (chartClick)="chartClicked($event)">
    </canvas>

ts文件是，

public doughnutChartLabels:string[] = ['Running', 'Stop', 'Idle'];
public doughnutChartData:number[] ;
public doughnutChartType:string = 'doughnut';
public colors: any[] = [{ backgroundColor: ["#008000", "#FF0000", "#FFA500"] }];
devices : Device[];
deviceLength : number;
public options:any = {
    Label: {
        display: true,
    },
    // legend: {position: 'bottom'},
    legend: {
        enabled: true,
    },
    tooltips: {
        enabled: true,
    },
};

图像中包含以下部分

enter image description here

此处工具提示应默认显示在红色和绿色部分，即使不将鼠标悬停在其上..

如何在没有悬停的情况下显示角度默认的工具提示？

0 个答案: